Ką galima naudoti rašant JavaScript kodą JSX metu?

Rašydami JavaScript kodą JSX rėmuose, galite naudoti:

• Kintamuosius ir konstantas: Dinamiškoms reikšmėms rodyti.
• Išraiškas: Aritmetines, loginės, ternarinės operatorius.
• Funkcijas: Funkcijų iškvietimus elementų generavimui arba logikai vykdyti.
• Masyrus: Naudojant map elementų sąrašams kurti.
• Sąlyginį atvaizdavimą: Naudojant if/else už JSX arba ternarinį/logišką && viduje JSX.

// Pavyzdys, kaip naudoti kintamuosius ir išraiškas
const name = 'React';
const greeting = <h2>Sveiki, {name}!</h2>;

// Funkcijos pavyzdys
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Vartotojas: {formatUser(user)}</p>;

// Masyvo ir map naudojimo pavyzdys
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Sąlyginio atvaizdavimo pavyzdys
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Prisijungęs</p> : <p>Atsijungęs</p>;
const element = <div>{statusText}</div>;