Ի՞նչ կարելի է օգտագործել JSX-ում JavaScript կոդ գրելիս:

JSX շրջանակում JavaScript կոդ գրելիս կարող եք օգտագործել՝

• Փոփոխականներ և հաստատումներ: Դինամիկ արժեքներ ցուցադրելու համար:
• Ելք: Արպմետիկ, տրամաբանական, ternary օպերատոր:
• Ֆունկցիաներ: Ֆունկցիաների կանչեր՝ տարրեր ստեղծելու կամ տրամաբանություն կատարելու համար:
• Մասիվներ: map օգտագործելով տարրերի ցանկեր ստեղծելու համար:
• Կարգավիճակային ռենդերինգ: if/else օգտագործելով JSX-ից դուրս կամ ternary/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>;