【问题标题】:Need Help Pinpointing this warning - Warning: setState(...): Cannot update during an existing state transition需要帮助查明此警告 - 警告:setState(...):在现有状态转换期间无法更新
【发布时间】:2017-03-14 21:51:31
【问题描述】:

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

这是我收到的警告。

您会注意到它指向我的代码 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 个错误,所以一直在努力查明错误。

我可以改变什么来让它工作?

【问题讨论】:

    标签: reactjs react-redux redux-form


    【解决方案1】:

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

    【讨论】:

    • 我会试一试的。有趣的是,我不需要在前 3 页上写下它。或者至少是前两个。不过,我会试试看。
    • 好吧,那行得通。为什么它起作用了?哈哈。尤其是当我不必总是这样做的时候?
    • 它之前工作过,因为你调用没有参数的函数,对吧?
    • 是的,我相信。
    猜你喜欢
    • 2017-12-20
    • 2017-05-16
    • 2016-09-20
    • 2016-12-13
    • 1970-01-01
    • 1970-01-01
    • 2017-02-22
    • 1970-01-01
    • 2017-09-04
    相关资源
    最近更新 更多