Bir bileşen oluşturmanın iki tane yolu vardır.
Bu, bir bileşen oluşturmanın en basit yoludur. Bunlar, props nesnesini ilk parametre olarak kabul eden ve React öğelerini döndüren saf JavaScript işlevleridir:
function Greeting({ message }) {
return <h1>{`Hello, ${message}`}</h1>;
}
Bir bileşeni tanımlamak için ES6 sınıfını da kullanabilirsiniz. Yukarıdaki fonksiyon bileşeni şu şekilde yazılabilir:
class Greeting extends React.Component {
render() {
return <h1>{`Hello, ${this.props.message}`}</h1>;
}
}
Bileşenin durum veya yaşam döngüsü yöntemlerine ihtiyacı varsa, Class komponentini kullanın, aksi takdirde fonksiyon komponentini kullanın. Ancak, Hooks'un eklenmesiyle React 16.8'den sonra durum , yaşam döngüsü yöntemlerini ve yalnızca class komponenti bulunan diğer özellikleri doğrudan fonksiyon bileşeninizde de kullanabilirsiniz.