学习

React学习情况

 

就todolist项目而言

 

--actions  定义action

--componemts 定义各种组件

     --Mian 整个项目的组件在Mian中进行合并成一个新的组件

     --TodoHeader 头部组件，包括头部说明内容，和输入框，发送按钮

     --TodoList list组件， 将todos通过map函数渲染到界面，这个组件中有action

--constants 将一些常量放在此文件夹内，（actionTypes和models）

--containers 将作为TodoHeader和Todolist的容器。

     --TodoHeaderContainer中用connect将组件和redux的组件进行连接起来，其中connect中的两个参数mapStateToProps和mapDispatchToProps。

 

--reducer 中接受state和action,之后返回新的state

     --data

     --ui

--store 中的configureStore中createStore(rootReducer)接受reducer,中生成store

 

在react中任何一个都是模块，组件。

组件化开发，模块化引入

在组件中的onChange={onChangeText}就是一个Action 

用户触发Action (todoheader)  比如说onClick={onCreateTodo} 通过connect链接(mapStateToProps,mapDispatchToProps)——>todoContainers  =>Reducer_>store ——>Provider中直接获取Store

 

 

项目的中间引入

import Immutable from "immutable"