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.js

Langkah 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…

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.