React'ta JSX Diline Giriş

JSX dili, normal JavaScript'tir, ancak kodun içinde tırnak işaretleri olmadan doğrudan etiket yazmaya izin veren bazı eklemelerle geliştirilmiştir.

Etiketler return ile döndürülebilir:

jsxfunction App() {
  return <div>
    metin
  </div>;
}

Etiketlerin nitelikleri olabilir:

jsxfunction App() {
  return <div class="eee">
    metin
  </div>;
}

Etiketler değişkenlere veya sabitlere kaydedilebilir:

jsxfunction App() {
  const  elem = <div>metin</div>;
  return elem;
}

jsxfunction App() {
  return <div>
    metin
  </div>;
}