JSX ичинде JavaScript код жазууда эмне колдонулушу мүмкүн?

JSX чөйрөсүндө JavaScript код жазып жатканда, сиз төмөнкүлөрдү колдонсоңуз болот:

• Өзгөрмөлөр жана туруктуу маанилер: Динамикалык маанилерди көрсөтүү үчүн.
• Экспрессиялар: Арифметикалык, логикалык, тернардык операторлор.
• Функциялар: Функция чакыруулары элементтерди түзүү же логиканы ишке ашыруу үчүн.
• Массивдер: map колдонуп элементтердин тизмегин түзүү.
• Шарттуу көрсөтүү: if/else JSXтен тышкары же тернардык/logical && 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>;