React：redux-form 应用示例

上一篇提到过，React 的表单管理方案有两类：

1. 基于 redux 的全局数据管理（redux-form）
2. 基于 react 的局部数据管理（rc-form）

下面给出几个用 redux-form 实现的表单示例；

1. redux-form入门

效果：

代码：

2. 给表单添加校验

redux-form 支持两类表单校验：

• form 表单整体校验；
• form 表单项独立校验；

效果：

代码：

3. 给表单整体赋值

redux-form 允许我们通过 initialValues 给表单整体赋值；

效果：

代码：

4. 标准化用户录入

效果：

代码：

5. 从State中获取表单状态

效果：

代码：

API：

redux-form 提供了一堆 selector，便于我们从state中获取 form 表单的各种状态数据...

参考：

https://redux-form.com/7.4.2/docs/api/selectors.md/

6. 用Action触发表单动作

效果：

代码：

API：

redux-form 提供的更多 action 接口，可以参考：

https://redux-form.com/7.4.2/docs/api/actioncreators.md/

精选文章推荐

• React：几个入门小Demo
• React：Redux源码分析
• React：Redux怎么处理异步？
• React：玩转React的Form表单