react-redux 7之前connect()

版本7之前,无hooks钩子,使用connect生产新组件

connect(mapStateToProps)

        mapStateToProps:(redux的state)=>{

            return 将 state 中组件需要的部分传递给组件,类型必须是个对象

        }

withConnect 高阶组件: 传入一个组件,返回一个新的组件   

function App(props){

    //console.log(props);

    const {count,dispatch} = props;

    return <div>

        <button onClick={()=>{

            dispatch({

                type:"add"

            })

        }}>+</button>

        <span> {count} </span>

        <button onClick={()=>{

            dispatch({

                type:"mius"

            })

        }}>-</button>

    </div>

}

const withConnect = connect(state=>({count: state.count}));

const newApp = withConnect(App);

export default newApp;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。