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

时间:2020-07-21 14:20:12

标签: reactjs react-portal

我有一个带有按钮的父组件,单击该组件会在React.CreatePortal控件内打开一个新组件。

在那个CreatePortal组件上,我有一个像这样的按钮:

mydata = [];

updateMyData(value: any) {
  this.mydata = [...this.mydata, value];
}

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

在门户网站中,无法识别。

是否可以通过门户在父级上触发“跳转”?

谢谢!

1 个答案:

答案 0 :(得分:1)

将跳转功能作为道具传递给子组件,如下所示:

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

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

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

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