有没有办法在不使用 React 状态的情况下知道特定道具是否已更新？

Question

我正在使用 React、Redux 和一些 antd 组件

我正在使用 this modal 来提醒用户错误，但如果你看一下，它不完全是一个组件，它是一个函数，所以现在我正在使用 componentDidUpdate 之类的这个：

componentDidUpdate () {
  if (this.props.states.ErrorReducer.displayError) {
    error(() => {
      this.props.dispatch(ErrorActionCreators.acceptError())
    }, this.props.states.ErrorReducer.errorMessage )
  }
}

问题是，如果我一次对状态进行多项更改，例如对 API 进行多次调用并且它们在不同时间更改状态，则此模式会打开多次。

我可以使用状态来做类似

的事情

if (this.state.displayError !== this.props.displayError {
  updateState();
  error();
}

但我避免使用 React 状态。

无论如何我可以检查组件上是否更改了一个特定的道具？

Answer 1

您可以使用生命周期方法，componentWillReceiveProps。每次道具更新时都会调用它。这是一个 link 帮助 componentWillreceiveProps 和一个代码片段：

componentWillReceiveProps(nextProps){
  if(this.props !== nextProps){
    // your code and conditions go here
  }
}

您实际上可以将旧道具 (this.props) 与新的或更新的道具 (nextProps) 进行比较。

有没有办法在不使用 React 状态的情况下知道特定道具是否已更新？

Is there a way to know if a specific prop was updated without using state in React?

reactjs

redux

react-redux

antd