IMPORT & EXPORT KOMPONEN REACT

Beberapa komponen bisa ditulis dalam satu file. Namun, untuk proyek yang lebih besar, kita perlu memisahkan komponen ke file terpisah agar kode lebih terorganisir.

Contoh, kita bisa membuat file Header.js untuk komponen Header:

// Header.js
function Header() {
  return <h1>Selamat Datang di React</h1>;
}

export default Header;

Dengan cara ini, kita bisa mengekspor komponen agar bisa digunakan di file lain.

Kemudian, kita bisa mengimpor komponen ini di file lain seperti App.js:

// App.js
import Header from './Header';  // Import berdasarkan nama yang diekspor

function App() {
  return (
    <div>
      <Header />
      <p>Ini adalah aplikasi React pertamaku.</p>
    </div>
  );
}
export default App;