从 React.CreatePortal 组件触发父组件中的函数

Question

我有一个父组件，它有一个按钮，单击时会在 React.CreatePortal 控件内打开一个新组件。

在那个 CreatePortal 组件上，我有一个这样的按钮：

return (
        ReactDOM.createPortal(
            <div id="portal_Game">
            <div><button onClick={jump}> JUMP </button></div>

但是'jump'函数在父控件上。

在门户中，无法识别。

有没有办法从门户网站在父级上触发 'jump'？

谢谢！

Answer 1

像这样将跳转函数作为 prop 传递给子组件：

在父组件中传递跳转功能：

...
<Child jump={jump} />
...

您可以通过 props 在子组件中使用函数：

...
<button onClick={props.jump}> JUMP </button>
...

firing a function that is in the parent component from a React.CreatePortal component