我有一个具有许多不同形式的反应应用程序,我希望不必为每个表单反复编写相同的代码,我正在寻找一种简单的方法来集中{{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架构中是否有意义?
答案 0 :(得分:1)
您无论如何都需要从特定组件中收集数据,因此您必须为其编写单独的函数,但发送action
之类的其他任务可以在onSubmit
函数中完成。父组件。因此,通过onSubmit
将包含数据的子组件中的所有onSubmit
事件委托给父组件的props
函数。
您还可以像调度程序中的identifier
一样添加constants
,以识别特定的onSubmit
事件,然后在父组件中使用switch语句根据{{发送特定操作1}}。
如果有用例,我想这是有道理的。