Reactjs Komponen Function Component Jsx Composition

Definisi

Komponen React adalah fungsi yang mengembalikan JSX (UI). Function component (function App()) adalah standar modern (pengganti class). Composition = menyusun komponen kecil jadi besar via children / props, alih-alih inheritance.

Kapan dipakai

Wajib untuk setiap UI React. Pahami sebelum hooks/state karena komponen adalah unit dasar.

Cara kerja

jsx

function Button({ children, onClick }) {
  return <button onClick={onClick}>{children}</button>;
}
 
function App() {
  return (