需要帮助查明此警告 - 警告：setState（...）：无法在现有状态转换期间更新

Question

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

这是我收到的警告。

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

我需要另一双眼睛来看它

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 多个错误。

我可以做些什么来让它工作？

Answer 1

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

需要帮助查明此警告 - 警告：setState（...）：无法在现有状态转换期间更新

Need Help Pinpointing this warning - Warning: setState(...): Cannot update during an existing state transition

reactjs

redux-form

react-redux