React: Membuat Form Search
Cara membuat form search dengan React State.
Langkah 1: Membuat file baru dengan nama search_bar.js
src/components/search_bar.jsLangkah 2 : Membuat component search:
Langkah 3: Import search_bar.js ke dalam main file:
import SearchBar from './components/SearchBar';Langkah 4: Membuat event pada form input:
Kita bisa refactor event handler menjadi 1 baris saja di dalam element event.
Langkah 5: Mengunakan State
Apa itu State?
State adalah JavaScript Object yang digunakan untuk me-Record setiap user Event.
Setiap class base component pada React memiliki State object masing-masing.
Setiap kali component state berubah, maka component tersebut segera akan melakukan render ulang (re-render). Demikian juga component di dalam nya (nested) akan re-render juga.
Sebelum menggunakan State pada component, state harus di initialize (diberi sebuah nilai) dulu, seperti ini:
to be continue…
