Τι μπορεί να χρησιμοποιηθεί κατά τη συγγραφή κώδικα JavaScript στο JSX;

Κατά την συγγραφή κώδικα JavaScript στο πλαίσιο του JSX, μπορείτε να χρησιμοποιήσετε:

• Μεταβλητές και σταθερές: Για την εμφάνιση δυναμικών τιμών.
• Εκφράσεις: Αριθμητικές, λογικές, τριπλός τελεστής.
• Συναρτήσεις: Κλήσεις συναρτήσεων για δημιουργία στοιχείων ή εκτέλεση λογικής.
• Πίνακες: Για δημιουργία λιστών στοιχείων με 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>;