上一篇提到过,React 的表单管理方案有两类:
下面给出几个用 redux-form 实现的表单示例;
1. redux-form入门
效果:
代码:
2. 给表单添加校验
redux-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/