美文网首页
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