React'te Componentleri nasıl oluşturulur?

Bir bileşen oluşturmanın iki tane yolu vardır.

1-) Function Component:

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>;
}

2-) Class Components:

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>;
  }
}

Bir fonksiyon komponentinin yerine Class komponenti ne zaman kullanmalıyım?

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.