تمرير البيانات من php لreact

حاول حقن قيمة auth()->user()->name في متغير عام او في وسم ثم قم عن طريق React بقراءته واسناده للحقل المعني، 

<div id="user-name">{{ auth()->user()->name }}</div>
<div id="profile"></div>

let userName = document.querySelector('#user-name').textContent

const Profile = ()=> (
	<form action="/home" method="POST">
      @csrf
      <input type="text" value="{userName}" />
      <button type="submit">save</button>
	</form>
)

نفس الشيء بالنسبة لحقل csrf، لن يعمل. حاول مقاربة نفس الطريقة في انشاء الحقل csrf.

بتاريخ 38 دقائق مضت قال Adnane Kadri:

حاول حقن قيمة auth()->user()->name في متغير عام او في وسم ثم قم عن طريق React بقراءته واسناده للحقل المعني، 

<div id="user-name">{{ auth()->user()->name }}</div>
<div id="profile"></div>

let userName = document.querySelector('#user-name').textContent

const Profile = ()=> (
	<form action="/home" method="POST">
      @csrf
      <input type="text" value="{userName}" />
      <button type="submit">save</button>
	</form>
)

نفس الشيء بالنسبة لحقل csrf، لن يعمل. حاول مقاربة نفس الطريقة في انشاء الحقل csrf.

مشكـور أخي،

ولكن هذا سيظهر عنصر الhtml في الصفحة،

هل كل ما أقوم به هو إخفاءه عن طريق display:none;؟

بتاريخ 3 دقائق مضت قال عبد الرؤوف رؤوف:

مشكـور أخي،

ولكن هذا سيظهر عنصر الhtml في الصفحة،

هل كل ما أقوم به هو إخفاءه عن طريق display:none;؟

نعم بالتأكيد، 

او قم باتخاذ المنحى الثاني، وهو حقن قيمة name في متغير جافاسكربت عام.

او كفكرة عملية اخرى، قم بحقن القيمة في وسم meta داخل عنصر head بدل وسم عادي. فهاته البيانات في الأخير هي بيانات وصفية.