03 2017 档案

Redux学习笔记------容器组件与展示组件分离
摘要:展示组件含义: 关心组件的展示的样子 可以包含一些展示组件和容器组件,有自己的DOM标记和样式 通常可以通过this.props.children进行控制。 对应用程序的其余部分没有依赖关系,例如Flux操作或store。 不指定数据的加载和变化 通过props接收数据和回调 很少有它们自己的sta 阅读全文
posted @ 2017-03-30 12:54 硕硕硕儿 阅读(638) 评论(0) 推荐(0)
Redux学习笔记------数据流
摘要:严格的单向数据流 核心 单向的数据流使得应用中的数据遵循相同的生命周期 redux的生命周期 1.调用 store.dispatch(action)。 2.Redux store 调用传入的 reducer 函数。 Store 会把两个参数传入 reducer: 当前的 state 树和 actio 阅读全文
posted @ 2017-03-30 09:47 硕硕硕儿 阅读(177) 评论(0) 推荐(0)
Redux学习笔记------store
摘要:store是用来干什么的? 维持应用的 state; 提供 getState() 方法获取 state; 提供 dispatch(action) 方法更新 state; 通过 subscribe(listener) 注册监听器; 通过 subscribe(listener) 返回的函数注销监听器。 阅读全文
posted @ 2017-03-29 17:21 硕硕硕儿 阅读(138) 评论(0) 推荐(0)
Redux学习笔记------reducer
摘要:reducer要做的事就是怎样更新状态 reducer是一个纯函数,接收旧的state和acion返回新的state reducer的禁止: 修改传入参数; 执行有副作用的操作,如 API 请求和路由跳转; 调用非纯函数,如 Date.now() 或 Math.random()。 const ini 阅读全文
posted @ 2017-03-29 16:46 硕硕硕儿 阅读(404) 评论(0) 推荐(0)
Redux学习笔记------action
摘要:官网定义 Action 是把数据从应用(译者注:这里之所以不叫 view 是因为这些数据有可能是服务器响应,用户输入或其它非 view 的数据 )传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过store.dispatch() 将 action 传到 store Ac 阅读全文
posted @ 2017-03-29 15:37 硕硕硕儿 阅读(139) 评论(0) 推荐(0)
Redux学习笔记------基础介绍
摘要:动机 处理state中的数据问题,试图让state的变化变得可预测 核心概念 state:是一个普通对象,用来描述应用的状态,类似于一个模型,但是没有setter方法,不能直接改变它 action:是一个普通js对象,要改变state需要发起一个action,用来描述发生了什么 reducer:串联 阅读全文
posted @ 2017-03-29 10:56 硕硕硕儿 阅读(133) 评论(0) 推荐(0)