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

Question

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

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

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

但是“跳转”功能在父控件上。

在门户中，它无法识别。

有没有办法从门户中触发父级的“跳转”？

谢谢！

Answer 1

将跳转函数作为道具传递给子组件，如下所示：

在父组件中传递跳转函数：

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

您可以通过 props 在子组件中使用该功能：

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