React(傻瓜组件与容器组件)
2017-10-26 本文已影响144人
余生筑
Redux下的react类别
容器组件
- 负责与Store交互
- 容器组件自身不会触发action(他只是披在傻瓜组件上的一层壳)
- 内:向傻瓜组件传递由Store获得的props
- 外:向Store派发用户操作傻瓜组件引起的action
傻瓜组件
- 专注于渲染视图
- 没有state(无状态组件)
- 所有数据源于props
- 一般表示为函数式组件
let Counter=(props)=>{
const {caption, onIncrement, onDecrement, value} = props;
return (
<div>
<button style={buttonStyle} onClick={onIncrement}>+</button>
<button style={buttonStyle} onClick={onDecrement}>-</button>
<span>{caption} count: {value}</span>
</div>
);
}