react + react-redux 开发步骤

react + react-redux 实现todoList例子的具体步骤。

 

第一步： 创建reducers:

todo.js

visibilityFilter.js 

 

index.js

 

第二步： 创建actionCreator:

  action.js

第三步： 编写展示组件，同时使用react-redux 的connect方法，生成容器组件

 Todo.js

TodoList.js

 

AddTodo.js 

FilterLink.js 包含 Link类

Footer.js

 App.js

第四步： 创建store，使用react-redux 的Provider注入。

index.js

 

 

以上就是TodoList例子的完整创建步骤。

数据流： reducers可以根据需要，拆分成多个js文件，最后通过combineReducers 合并成一个。各个reducer的state根据合并时的key获取。 通过Provider组件，注入到应用程序中，所有的子组件都可以通过props获取到store对象。