需要帮助精确定位此警告 - 警告:setState(...):在现有状态转换期间无法更新

时间:2017-03-14 21:51:31

标签: reactjs react-redux redux-form

我正在使用redux-form和react-redux。

这是我得到的警告。

enter image description here

您会注意到我的代码CreateNewOrderForm.jsx:39,NewOrderFormFour.jsx:65和NewOrderFormFour.jsx:122指向3个位置。

我需要另一双眼睛来看它。

CreateNewOrderForm.jsx:39:

toggleDialog = (id) => {
    const { dialog, openDialogFunction, closeDialogFunction } = this.props;
    if (dialog.show && (dialog.id === 'confirmOrderDialog' || 'confirmOrderDialog')) {
      closeDialogFunction(id);
    }
    else {
      openDialogFunction(id, 1);
    }
  }

NewOrderFormFour.jsx:65:

openConfirmationDialog = () => {
  const { openDialogFunction } = this.props;
  openDialogFunction('confirmOrderDialog');
}

NewOrderFormFour.jsx:122:

<Form
 id="createOrder"
 onSubmit={ handleSubmit(this.openConfirmationDialog()) }
>

我是否需要在handleSubmit中调用this.openConfirmationDialog方法?

或者将其置于回调中?

因为我收到了超过1000个错误而挣扎着查明错误。

我可以改变什么才能让它发挥作用?

1 个答案:

答案 0 :(得分:2)

我认为您需要在提交onSubmit={() => handleSubmit(this.openConfirmationDialog()) }时使用箭头功能。在您的变体中,您在组件渲染时调用此函数。