חשבון בסוגריים מסולסלים

הסוגריים המסולסלים לא מכילים רק משתנים: כל ביטוי JavaScript עובד. חישובים, מתודות של מחרוזות, קריאות לפונקציות:

const price = 6;
const quantity = 5;

return <p>Total: {price * quantity}</p>;
// מציג: Total: 30

‏React מעריכה את הביטוי ומציגה את התוצאה. אפשר לשלב טקסט וסוגריים מסולסלים בחופשיות בתוך רכיב אחד:

<p>{quantity} items at {price} each</p>

דבר אחד שלא שייך בתוך סוגריים מסולסלים: פקודות. if, for ודומיהם אינם ביטויים. נפגוש את החלופות הידידותיות ל-JSX שלהם בפרק מאוחר יותר.