如何在弹出窗口中重置Redux表单？

Question

我有一个按钮“ addData”，它打开了内部带有表单的模态，还有一个网格，在该网格上单击行可以打开相同的模型（带有预先填充的值）。

我的问题是，在单击行之后，当我单击“ addData”按钮时，应重新设置表单，但它具有以前的预填充值。

请注意，我正在使用prop初始化表单值。而“ addData”按钮在另一个组件中（有什么区别吗？因为我的其他功能完全正常）。

this.props.initialize({ title: data[0].title, startdate: data[0]})

以下代码对我不起作用

$(document).on("click", "#addData", function (e) {
   // dispatch(reset("myformName"));
   dispatch(initialize('myformName', {}));
});

抛出错误“未定义调度”。我做错了什么？

如何重置模型中的redux表单？我不能重置按钮的点击事件吗？

Answer 1

您正在使用调度作为独立功能。 dispatch是redux存储的一种方法。 您需要import商店并使用

store.dispatch(initialize('myformName', {}));

或更佳-使用mapDispatchToProps并将action附加到addData单击上。 将jquery与react-redux结合使用是一种非常糟糕的做法，这就是原因之一。如果您无法将mapDisatchToProps与组件连接，请发布组件代码。