Einfügen von Werten von Variablen und Konstanten in JSX

Nehmen wir an, wir haben den folgenden Code:

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

Lassen Sie uns so machen, dass der Wert der Konstante str in den Text des div-Elements eingefügt wird. Dazu müssen wir unsere Konstante in geschweiften Klammern inside schreiben, und zwar so:

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

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