Muuttujien ja vakioiden arvojen lisääminen JSX:ään
Oletetaan, että meillä on seuraava koodi:
function App() {
const str = 'text';
return <div>
text
</div>;
}
Tehdään niin, että divin tekstiin lisätään
vakion str arvo. Tätä varten
vakiomme on kirjoitettava aaltosulkeiden
sisään, näin:
function App() {
const str = 'text';
return <div>
{str}
</div>;
}
Annettu seuraava koodi:
function App() {
const str1 = 'text1';
const str2 = 'text1';
return <div>
<p></p>
<p></p>
</div>;
}
Lisää ensimmäinen vakio ensimmäiseen kappaleeseen, ja toinen vakio - toiseen.