javascript - React Native - 如何根据 reducer 值的变化触发函数？

Question

我有一个关于如何在一个组件中触发不同组件的减速器值更改的函数的问题。

我目前在我的Home组件中有一个运行在ComponentDidMount. 如果我的值为this.props.reducer.runtrue，则函数会触发。初始状态设置为，true因此该函数在应用程序首次加载时触发。

在我的Profile组件中，我有一个拨动开关，可以切换this.props.reducer.run到true或false。Home当 reducer 值发生变化时，是否可以触发我的函数？

下面是我拥有的代码的模型，我想知道ComponentDidUpdate我是否应该看一下，如果是的话，一些指导将不胜感激：

主页.js

...

myFunction() = > {
   console.log('fired')
}

ComponentDidMount() {
   //runs on load
   if(this.props.reducer.run == true) {
     this.myFunction()
   }
}

...


**Profile.js**

...

toggleRun = () => {
   this.props.setRun(!this.props.reducer.run)
}
...

Answer 1

是的，您可以使用componentDidUpdate. 当componentDidUpdate被调用时，它将被传递给组件 props 的先前值（我们称之为 this prevProps）。通过比较prevProps.reducer.runto this.props.reducer.run，您可以确定值是否发生了变化，如果发生了变化，则相应地调用您的函数。

或者，如果这是一个功能组件，您可以使用useEffect.