#14 Tutorial React Router Passing Data Props Parameter

 Ok pada kesempatan ini, setelah sebelumnya kita telah mempelajari bagaimana caranya consume API di ReactJS dan basic navigation di React Router Dom, pada tutorial ReactJS ke-14 Bahasa Indonesia, kita akan mempelajari mengenai bagaimana caranya passing data berupa parameter di Reactjs.

Apa Yang Akan Kita Pelajari?

1. Menginstall React Router

2. Memulai Koding ReactJS

Menginstall React Router

Buka terminal di root project anda kemudian install dengan perintah di bawah ini

npm i react-router-dom

Setelah itu tunggu proses instalasi selesai.

Memulai Koding ReactJS

Kemudian buka file App.js setelah itu ubah kodenya menjadi seperti kode di bawah ini :

Jika sudah silahkan jalankan project React anda, jika berhasil maka data nya akan terkirim ketika anda berpindah Page, seperti gambar di bawah ini:

Baca Juga Tutorial ReactJS lainnya :

#1 Pengenalan ReactJS, Kekurangan Dan Kelebihan

#2 Tutorial ReactJS Memahami State Dan Props Serta Contoh

#3 Tutorial ReactJS Lifecycle/Siklus Hidup Class Component

#4 Tutorial ReactJS Kondisional Rendering Class & Hooks

#5 Tutorial ReactJS Formting Tanggal Dan Waktu

#6 Tutorial ReactJS Membuat Form Login

#7 Tutorial ReactJS Membuat Countdown Timer Simpel

#8 Tutorial React Hooks Countdown Timer Advanced

#9 ReactJS Fetch API, Handling Loading Dan Error Lengkap

#10 Tutoria ReactJS Fetch API React Hooks

#11 Tutorial Consume API Axios ReactJS

#12 Tutorial Consume API Array ReactJS

#13 Tutorial  Navigasi React Router ReactJS