作者:Dan Abramov原文链接: https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 容器组件和展示组件 容器组件和展示组件名词都来自于redux中文文档。 我在用react写 ...
让一个组件只专注于一件事,如果发现让一个组件做的事情太多,就可以把这个组件拆分成多个组件让每一个组件只专注于一件事 深入浅出react和redux 程墨 一个react组件最基本的基本上就是完成两大功能 读取store的状态,用于初始化组件的两大状态,监听store的状态变化 根据当前的props和state,渲染出用户的界面 先来看一个关于计数器的组件 具体调用的方法没有写 我们把它拆成父子组件 ...
2018-06-02 18:00 0 1958 推荐指数:
作者:Dan Abramov原文链接: https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 容器组件和展示组件 容器组件和展示组件名词都来自于redux中文文档。 我在用react写 ...
Presentational and Container Components 展示组件 - 只关心它们的样子。 - 可能同时包含子级容器组件和展示组件,一般含DOM标签和自定的样式 ...
---恢复内容开始--- 展示组件(persentational components) 负责展示UI,也就是组件如何渲染,具有很强的内聚性。 只关心得到数据后如何渲染 容器组件(container components) 负责应用逻辑 ...
Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 那么为什么需要容器组件和展示组件相分离呢? 这里有个基本原则:容器组件仅仅做数据 ...
目录: 1. 类组件有自己的状态 2. 继承React.Component-会有生命周期和this 3. 内部需要一个render函数(类组件会默认调用render方法,但不会默认添加,需要手动填写render函数,并return一个能渲染的值。) 4. 类组件的基本架构 5. ...
名称 功能 alignment topCenter:顶部居中对齐 ...
智能组件 VS 木偶组件 在 React + Redux 结合作为前端框架的时候,提出了一个将组件分为“智能”和“木偶”两种 智能组件:它是数据的所有者,它拥有数据、且拥有操作数据的action,但是它不实现任何具体功能。它会将数据和操作action传递给子组件,让子组件来完成UI ...