Postingan lainnya
Penggunaan state atau props utk call function dari component wrapper ke non-class component
Permisi suhu sekalian, mohon bantuan sekalian diskusi, saya masih belum pengalaman di React, tp dpt task di existing project React yg cukup kompleks, saya punya satu popup wrapper (ModalView.jsx, screenshot: https://tppr.me/eZcHC ), tp bisa nge-load komponen tertentu di dalamnya (jadi tidak ada double popup saat nampil). Problemnya saya mau close popup tsb by button yg ada di komponen lain (misal myCard.jsx, screenshot: https://tppr.me/8B7jm), trus cara manggil fungsi Close dari parent/popup wrapper nya ke non-class component tsb bagaimana ya?
1 Jawaban:
Berarti pertanyannya, bagaimana cara panggil metode dari childnya ya? dimana metodenya ada di parent, betul?
simplnya sih di parentnya oper this.metode di eventnya
[link](contoh di stackoverflow )https://stackoverflow.com/questions/48407785/react-pass-function-to-child-component[/link]cek jawaban "Benjamin Charais"
<a href='https://reactjs.org/docs/faq-functions.html'>https://reactjs.org/docs/faq-functions.html</a>
Contoh passing function saat menggunakan react hooks <a href='https://medium.com/trabe/passing-callbacks-down-with-react-hooks-4723c4652aff'>medium passing callback react hook</a>
Tanggapan
yup betul kak @hilmanspace , kurang lebih seprti itu, tpi saya masih bingung ketika saya implementasi karena struktur komponennya beda, saya baru mnemukan artikel menarik kalau trnyata react pada case saya memakai Hook https://masputih.com/2019/09/mengenal-hook-di-reactjs
sudah saya update contoh link yang menggunakan react hook