Question

现在，我发现我的工作过程中反应和redux痛苦地缓慢，因为这样：

//Form
changeInput(event){
this.props.changeInput(event.target.value)
}
render(){
<form
<input onChange={this.changeInput}
</form

//ActionCreator
export function changeInput(value)
return {type: 'CHANGE_INPUT', value}

//Reducer
switch(action.type)
case: 'CHANGE_INPUT'
changeInput(state, action.value

yadda yadaa yadaa。然后大致完成提交表单的完全相同的调用序列。

我想切掉中间人。我不想记录输入更改，然后将这些更改传递给州，因为它做了很多工作。

因为在redux之前，我只是这样做了。 form.serialize();热潮，我拥有所有表单数据。

那么，做出反应的方式是什么？我应该只使用jQuery吗？似乎没有人使用jQuery做出反应，但我无能为力，但认为使用jQuery会使事情变得容易100倍。

Answer 1

我建议尝试使用redux-form。

这真的帮助我减少了样板。

它非常易于攻击并且坚持使用redux练习。

如果你正在接触jquery，你会错过一些东西。回去读一读，然后问这样的问题！

Answer 2

在我的问题中我没有说得很清楚，但我意识到如果我使用：

npm：form-data

我只是将表单元素传递给新的FormData（formElement），它与jquery.serialize（）完全相同

这肯定有助于加快我的发展。

Answer 3

我建议您查看react-redux-form - 因为您已经设置了Redux，所以这就是您所需要的：

import { Field } from 'react-redux-form';

// inside your connected component's render() method:
<Field model="user.name">
  <input type="text" />
</Field>

传递表单数据快速反应redux

3 个答案: