JSX အတွင်း ကိန်းရှင်နှင့် အစွဲအသွတ်တန်ဖိုးများ ထည့်သွင်းခြင်း

ကျွန်ုပ်တို့တွင် အောက်ပါကုဒ်ရှိသည်ဆိုပါစို့:

function App() {
	const str = 'စာသား';
	
	return <div>
		စာသား
	</div>;
}

div ၏စာသားအတွင်းသို့ အစွဲအသွတ် str ၏တန်ဖိုးကို ထည့်သွင်းနိုင်ရန် ပြုလုပ်ကြပါစို့။ ဤသို့ပြုလုပ်ရန် ကျွန်ုပ်တို့၏အစွဲအသွတ်ကို အတွင်းဘက် ကြမ်းခင်းကွင်းများအတွင်း ဤကဲ့သို့ ရေးရပါမည်:

function App() {
	const str = 'စာသား';
	
	return <div>
		{str}
	</div>;
}

အောက်ပါကုဒ်ကို ပေးထားသည်:

function App() {
	const str1 = 'စာသား1';
	const str2 = 'စာသား2';
	
	return <div>
		<p></p>
		<p></p>
	</div>;
}

ပထမအစွဲအသွတ်ကို ပထမစာပိုဒ်အတွင်းသို့ ထည့်သွင်းပါ၊ ဒုတိယအစွဲအသွတ်ကို ဒုတိယစာပိုဒ်အတွင်းသို့ ထည့်သွင်းပါ။