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?

avatar vaniox
@vaniox

2 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

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>

avatar hilmanski
@hilmanski

2695 Kontribusi 2139 Poin

Dipost 5 tahun yang lalu

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

Login untuk ikut Jawaban