react-redux 7之前connect()

2021-07-16  本文已影响0人  海贼王Lorrin

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

上一篇下一篇

猜你喜欢

热点阅读