විචල්ය හා නියතයන්ගේ අගයන් JSX හි ඇතුළු කිරීම

අපට පහත කේතය ඇති යැයි සිතමු:

jsxfunction App() {
  const str = 'text';
  
  return <div>
    text
  </div>;
}

div එකේ අඩංගු විය යුතු පෙළ ලෙස str නියතයේ අගය ඇතුළු වන පරිදි අපි කරමු. මේ සඳහා අපගේ නියතය curl brackets තුළ ලියා ඇතුළු කල යුතු වේ, මේ ආකාරයට:

jsxfunction App() {
  const str = 'text';
  
  return <div>
    {str}
  </div>;
}

jsxfunction App() {
  const str1 = 'text1';
  const str2 = 'text1';
  
  return <div>
    <p></p>
    <p></p>
  </div>;
}