JSX ичиндеги өзгөрмө жана туруктуулардын маанилерин киргизүү

Бизде төмөнкү код бар деп коёлу:

jsxfunction App() {
  const str = 'текст';
  
  return <div>
    текст
  </div>;
}

Келгиле, дивдин текстине str туруктуусунун мааниси кирип кылдыралы. Бул үчүн биздин туруктуубузду ичиндеги кымыра бурчтагы жакашаларга төмөнкүдөй жазышыбыз керек:

jsxfunction App() {
  const str = 'текст';
  
  return <div>
    {str}
  </div>;
}

jsxfunction App() {
  const str1 = 'текст1';
  const str2 = 'текст1';
  
  return <div>
    <p></p>
    <p></p>
  </div>;
}