
Cari “query” dengan React Native + Redux
Sep 5, 2018 · 1 min read
- Reducer untuk menampung state yang akan dicari.
- Action dan function untuk menyesuaikan input dengan data yang dicari.
- 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})}
- Deklarasi function yang akan mereturn data yang difilter untuk di berikan kepada action yang selanjutnya diteruskan ke reducer.
- Memfilter data dari reducer yang akan di berikan kepada function contains untuk di filter lagi.
- Return hasilnya.
- Tampilkan hasil di FlatList.
🤯🤯
