美文网首页React
React(傻瓜组件与容器组件)

React(傻瓜组件与容器组件)

作者: 余生筑 | 来源:发表于2017-10-26 21:16 被阅读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>
        );
    }
    

    相关文章

      网友评论

        本文标题:React(傻瓜组件与容器组件)

        本文链接:https://www.haomeiwen.com/subject/fpclpxtx.html