如何使用 React Hook 觸發兩個組件之間的函數？

Question

我有兩個名為 app.js 和 modal-form.js 的文件。 當我單擊 App.js 組件上的按鈕時，我希望觸發 modal-form.js 文件中的 function。 我是 React 庫的新手，如果您能幫助我，我將不勝感激。 我希望我能解釋一下。

示例 modal-form.js

const [open, setOpen] = React.useState(false);

const handleOpen = () => {
    setOpen(true);
 };

示例 App.js

<ModalForm ref={(ref) => this.handleOpen = ref} />

像這樣。

Answer 1

我認為您正在尋找 useimperativehandle 鈎子： https://reactjs.org/docs/hooks-reference.html#useimperativehandle

Answer 2

理想情況下，沒有人會推薦這種方法，但如果您仍然必須以這種方式實施它，那么您可以檢查以下問題的答案。 它確實解釋了如何從父組件調用子組件的方法。

從父調用子方法