source: dribbble

Cari “query” dengan React Native + Redux

Umar
Umar
Sep 5, 2018 · 1 min read
  1. Reducer untuk menampung state yang akan dicari.
  2. Action dan function untuk menyesuaikan input dengan data yang dicari.
  3. Gunakan (action dan reducer) untuk ditampilkan pada component menggunakan FlatList.

Reducer untuk menampung state yang akan dicari

Action untuk menyesuaikan input dengan data yang dicari

function untuk menyesuaikan input dengan data yang dicari

Gunakan (action dan reducer) untuk ditampilkan pada component menggunakan FlatList

Done !

handleSearch = (text) => {    console.log("text", text)    const fulldata = _.filter(this.props.data, user => {        return contains(user, text);    })    console.log(fulldata)    this.props.getDataSearch({fulldata})}
  1. Deklarasi function yang akan mereturn data yang difilter untuk di berikan kepada action yang selanjutnya diteruskan ke reducer.
  2. Memfilter data dari reducer yang akan di berikan kepada function contains untuk di filter lagi.
  3. Return hasilnya.
  4. Tampilkan hasil di FlatList.

🤯🤯

    Umar

    Written by

    Umar

    https://t.me/umarudy

    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