将表单onSubmit委托给Flux Actions的集中功能

时间:2015-09-16 02:48:07

标签: javascript forms events reactjs flux

我有一个具有许多不同形式的反应应用程序,我希望不必为每个表单反复编写相同的代码,我正在寻找一种简单的方法来集中{{1所有表单的处理程序。从中心位置,我可以触发将触发ajax调用的特定Flux操作。

我想象一个处理所有表单请求的函数。

onSubmit()

从这里,我可以查看function (event) { event.preventDefault() var $elm = $(event.target) var d = {} d.method = $elm.attr('method') d.action = $elm.attr('action') d.data = $elm.serialize() console.log(d) } action,并针对每种可能性进行切换。

这在Flux架构中是否有意义?

1 个答案:

答案 0 :(得分:1)

您无论如何都需要从特定组件中收集数据,因此您必须为其编写单独的函数,但发送action之类的其他任务可以在onSubmit函数中完成。父组件。因此,通过onSubmit将包含数据的子组件中的所有onSubmit事件委托给父组件的props函数。

您还可以像调度程序中的identifier一样添加constants,以识别特定的onSubmit事件,然后在父组件中使用switch语句根据{{发送特定操作1}}。

如果有用例,我想这是有道理的。