美文网首页
react react-redux中的connect 注解实用

react react-redux中的connect 注解实用

作者: fz_log | 来源:发表于2021-08-13 11:20 被阅读0次

    使用

    const mapStateToProps = state => ({
        loading: state.http.loading
    });
    const mapDispatchToProps = dispatch => ({
        getImgCode: params => dispatch(getImgCode(params)),
    });
    
    @connect(mapStateToProps, mapDispatchToProps)
    class Demo extends Component{}
    

    使用说明

    运用装饰器,需要安装依赖 babel-plugin-transform-decorators-legacy,并且要在,babel中配置

    {
       "plugins":[
           "transform-decorators-legacy"
       ]
    }
    

    vscode, 可以在项目根目录下添加jsconfig.json文件来消除代码警告:

    {
        "compilerOptions": {
            "experimentalDecorators": true
        }
    }
    

    相关文章

      网友评论

          本文标题:react react-redux中的connect 注解实用

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