0

React、Redux、およびいくつかの antd コンポーネントを使用しています

私はこのモーダルを使用してユーザーにエラーを警告していますが、それを見ると、正確にはコンポーネントではなく関数なので、現在は次の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 状態の使用を避けています。

コンポーネントで特定の小道具が変更されたかどうかを確認できる方法はありますか?

4

1 に答える 1