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:
function App() {
return <div>
metin
</div>;
}
Etiketlerin nitelikleri olabilir:
function App() {
return <div class="eee">
metin
</div>;
}
Etiketler değişkenlere veya sabitlere kaydedilebilir:
function App() {
const elem = <div>metin</div>;
return elem;
}
Ana bileşeninizde aşağıdaki fonksiyon bulunmaktadır:
function App() {
return <div>
metin
</div>;
}
Div içindeki metni değiştirin. Tarayıcıda meydana gelen değişiklikleri gözlemleyin.
Div'in içine birkaç paragraf ekleyin.
Paragraflarınıza sınıflar ekleyin.