React: Membuat Form Search

Dyo Medio
Dyo Medio
Aug 29, 2017 · 1 min read

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…

)

    Dyo Medio

    Written by

    Dyo Medio

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade