ヘルプが必要です - 警告：setState（...）：既存の状態遷移中に更新できません

Question

私はredux-formとreact-reduxを使用しています。

これは私が得る警告です。 39、NewOrderFormFour.jsx：65、およびNewOrderFormFour.jsx：122

あなたはそれが私のコードで3ヶ所CreateNewOrderForm.jsxにポイントをある気づくでしょう。

それを見るには別のペアの目が必要です。

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()) } 
> 

私はthis.openConfirmationDialogを呼び出す必要がありますかhandleのサブメソッド？

またはコールバックに入れますか？

私は1000を超えるので、エラーを特定するのに苦労します。

これを動作させるにはどうすればよいですか？

Answer 1

私はonSubmit={() => handleSubmit(this.openConfirmationDialog()) }にサブミットするには矢印機能を使用する必要があると思います。あなたのバリアントでは、コンポーネントレンダリング時にこの関数を呼び出します。