Mida saab kasutada JavaScript-koodi kirjutamisel JSX-is?

JSX raames JavaScript koodi kirjutamisel saate kasutada:

• Muuttujas ja konstantes: Dinamikko väärtuste kuvamiseks.
• Väljendeid: Arvutusi, loogilisi, ternaaroperaatorit.
• Funktsioone: Funktsioonikutsed elementide genereerimiseks või loogika täitmiseks.
• Massiive: Kasutades map, et luua elementide nimekirju.
• Tingimuslikku renderdamist: Kasutades if/else väljaspool JSX-i või ternaar/logika && JSX-i sees.

// Muutujate ja väljendite näide
const name = 'React';
const greeting = <h2>Tere, {name}!</h2>;

// Funktsiooni näide
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Kasutaja: {formatUser(user)}</p>;

// Massiivi ja map kasutamise näide
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Tingimusliku renderdamise näide
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Sisse logitud</p> : <p>Väljalogitud</p>;
const element = <div>{statusText}</div>;