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

SMK BINA NUSANTARA SEMARANG adalah sekolah menenengah kejuruan yang berdiri pada tanggal 18 mei 2010 dibawah Yayasan Bina Nusantara

SMK BINA NUSANTARA SEMARANG beralamat di jl.Kemantren No.5 wonosari Ngaliyan Semarang. Dengan luas lokasi  4004 m2, sarana dan prasarana yang memadai, suasana belajar yang nyaman karena berada di tengah perkamampungan masyarakat yang jauh dari kebisingan.

Sekolah

Sejarah

Kontak

Galeri

Berita Kampus

Quick Link

 PPDB

 Ujian

 Pengumuman

 Kelas Industri

Alamat

Jl. Kemantren Raya No.5, RT.02/RW.04, Wonosari, Kota Semarang

Copyright © 2020 Binusa Semarang

Made with ❤️ at Binusa Semarang