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>
);
}
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。