美文网首页
react-redux 7之前connect()

react-redux 7之前connect()

作者: 海贼王Lorrin | 来源:发表于2021-07-16 16:20 被阅读0次

    版本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;

    相关文章

      网友评论

          本文标题:react-redux 7之前connect()

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