我正在使用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个错误而挣扎着查明错误。
我可以改变什么才能让它发挥作用?
答案 0 :(得分:2)
我认为您需要在提交onSubmit={() => handleSubmit(this.openConfirmationDialog()) }
时使用箭头功能。在您的变体中,您在组件渲染时调用此函数。