redux是一种常用的与react框架搭配的一种数据流架构,而伴随着redux的出现,也出现了许多基于redux开源的第三方库,而redux-form就是其中之一的开源组件库,到今天我写下这篇笔记为止,在github上获得了5580颗star和654颗的fork数,今天就写一下我的redux-form的学习笔记吧

左转redux-form的api文档地址:http://redux-form.com/6.5.0/docs/api/

1第一件要做的事当然是安装依赖啦,通过终端进入项目所在目录,写入npm install redux-form安装依赖(前提:已成功配置node的运行环境,并且已安装好react和redux的相关依赖)

2在入口文件中写入以下代码:

iOS培训,Swift培训,苹果开发培训,移动开发培训

import { createStore, combineReducers } from 'redux'import { reducer as formReducer } from 'redux-form'const reducers = {  // ... your other reducers here ...
  form: formReducer     // <---- Mounted at 'form'}
const reducer = combineReducers(reducers)
const store = createStore(reducer)

iOS培训,Swift培训,苹果开发培训,移动开发培训

了解redux的同学应该很熟悉以上过程吧。没错,调用combineReducers可以将各个子 reducer的结果合并成一个 state 对象,然后state对象就变成了这样:

{
  reducer1: ...,
  reducer2: ...,
  form:formReducer
}

然后通过redux-form的接口,就可以实现在表单中输入的内容与state对象中form表单数据的同步了

我下面将写两个文件index.js和for

网友评论