Чӣ кор метавонад дар навиштани коди JavaScript дар JSX истифода шавад?

Ҳангоми навиштани коди JavaScript дар доираи JSX, шумо метавонед истифода баред:

• Параметрҳо ва константҳо: Барои нишон додани арзишҳои динамикӣ.
• Ифодаҳо: Арифметикӣ, мантиқӣ, оператори тернарӣ.
• Функсияҳо: Зангҳои функсияҳо барои тавлиди унсурҳо ё иҷрои мантиқ.
• Масивҳо: Барои тавлиди рӯйхати унсурҳо бо истифода аз map.
• Шартӣ кардани нишон додан: Бо истифода аз if/else берун аз JSX ё оператори тернарӣ/мантиқӣ && дар дохили JSX.

// Намунаи истифодаи параметрҳо ва ифодаҳо
const name = 'React';
const greeting = <h2>Салом, {name}!</h2>;

// Намунаи истифодаи функсия
function formatUser(user) {
  return user.firstName + ' ' + user.lastName;
}
const user = { firstName: 'John', lastName: 'Doe' };
const formattedUser = <p>Истифодабаранда: {formatUser(user)}</p>;

// Намунаи истифодаи массив ва map
const numbers = [1, 2, 3];
const listItems = numbers.map((number) =>
  <li key={number}>{number * 2}</li>
);
const numberList = <ul>{listItems}</ul>;

// Намунаи шартӣ кардани нишон додан
const isLoggedIn = true;
const statusText = isLoggedIn ? <p>Ворид шуд</p> : <p>Баромад кард</p>;
const element = <div>{statusText}</div>;