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

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

在CreatePortal组件上，我有一个如下按钮：

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

返回(
ReactDOM.createPortal(
跳跃

但是“jump”函数在父控件上

在门户中，它不被识别

有没有办法从门户向父级发起“跳转”

---

谢谢！

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

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

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

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

。。。
...

您可以通过道具使用子组件中的功能：

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

。。。
跳跃
...