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

Question

我有一个按钮“addData”，它打开带有窗体的模态和一个网格，在该网格上点击行打开相同的模型（带有预填充的值）。

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

请注意，我正在使用props初始化表单值。而“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用作独立功能。 dispatch是redux商店的一种方法。你需要import商店和使用

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

或更好 - 使用mapDispatchToProps并将action附加到addData点击。使用带有react-redux的jquery是一个非常糟糕的做法，这就是为什么这样做的例子之一。如果您在发布组件代码时无法将mapDisatchToProps与组件连接起来。