Ko var izmantot, rakstot JavaScript kodu JSX ietvaros?

Rakstot JavaScript kodu JSX ietvaros, jūs varat izmantot:

• Mainīgos un konstantes: Dinamisku vērtību attēlošanai.
• Izteiksmes: Arithmetiskās, loģiskās, ternārās operatori.
• Funkcijas: Funkciju izsaukumi elementu ģenerēšanai vai loģikas izpildei.
• Masīvus: Izmantojot map, lai ģenerētu elementu sarakstus.
• Nosacījuma renderēšanu: Ar if/else ārpus JSX vai ternāra/loģiskā && iekšpusē JSX.

// Mainīgo un izteiksmju piemērs
const name = 'React';
const greeting = <h2>Sveiki, {name}!</h2>;

// Funkcijas piemērs
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Lietotājs: {formatUser(user)}</p>;

// Masīvu un map piemērs
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Nosacījuma renderēšanas piemērs
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Ieiet</p> : <p>Iziet</p>;
const element = <div>{statusText}</div>;