react+redux
一、相关概念数据流是用户行为和响应的抽象 使用数据流帮助我们明确流行为对应的响应。 React和数据流 需要数据流做支撑。 主流数据流框架——Redux 简单单一的状态树。 Redux ? React ? 安装: npm install react-redux redux https://redux.js.org/ https://cn.redux.js.org/ 二、项目actions? 用户行为 components 组件 container 组件 reducer store里负责分发action的行为 index.html server.js 1、actionaction是行为的抽象 ? 2、reducer?根据action.type来决定怎么做。 ? ?3、storestore是所以数据和状态的存储。 state+Reducer。 4、组件Redux知道container的存在,不知道component的存在。 ? ? redux-thunk 实现异步action reux-gen 利用生成器,实现middleware redux-router-redux ? Q1:function这种写法确实不错,但是写出来的组件生命周期怎么弄!A1:无状态组件都推荐使用function写组件。如果组件需要内部状态、声明周期,那就需要用class创建类组件。推荐用function和class创建组件。优先用function创建,需要生命周期和内部状态才用class创建。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |