Langkah Langkah Pembuatan React Router DOM di React

A.  Install dan setting React

1. Install React terlebih dahulu,jalankan perintah berikut :

$ npm install -g create-react-app

2. Setelah React terinstall,lalu buat create-react-app untuk membuat file react :

$ create-react-app belajar-router

3. Masuk ke file project dengan cara berikut :

$ cd belajar router

$ npm start

4. Install React Router DOM

$ npm install –save react-router-dom

5. Jika sudah diinstall,Ikuti step selanjutnya untuk cara penggunaan react router DOM

B. Cara routing di Reactjs

1. Buat Halaman Home yang fungsinya untuk menjadi halaman utama sebuah web react kita,masukkan folder home kedalam folder components.

2. Didalam folder App.js kita mengumpulkan semua rangkaian router kita,bisa juga disebut Route path,yang berfungsi untuk mengatur url kemana arah routing yang akan kita tuju.

3. Jika sudah kita npm start maka akan muncul pada browser kita localhost:3000

4. Ketika diklik ke Halaman Lain seperti /cars,maka tulisan didashboard akan berubah menjadi seperti ini

5. Dan ketika diklik halaman “/about” maka hasilnya akan seperti ini

Leave a Reply

Your email address will not be published. Required fields are marked *