reactjs - 需要一个在 navigator.pop() 之后调用的函数

Question

很简单的问题，但我不知道答案。

我需要一个功能类似于

  componentDidMount() {

  }

在navigator.pop之后。

基本上只是一个函数，当导航器进入在 navigator.push() 之前处于事件状态的场景/组件时调用。当它在 navigator.pop() 之后再次激活时被调用？

类似于每次都会调用的 onEnter() 函数，无论它是在 navigator.pop() 还是 navigator.push() 之后.

Answer 1

对我有用的一个解决方案是传入一个我想要在将 Prop 从第一页传递到第二页时运行的函数。然后您可以在弹出之前在第二页上调用该函数。这是一个例子:

this.props.navigator.push({
  component: SecondComponent,
  passProps: {prop1: prop1, prop2: prop2, myFunction: this.someFunction.bind(this)}
});

然后在第二页上:

this.props.myFunction();
this.props.navigator.pop();

希望这有帮助。

编辑:这可能不是将函数发送到其他组件的最佳实践。