react react-redux中的connect 注解实用

2021-08-13  本文已影响0人  fz_log

使用

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
    }
}
上一篇 下一篇

猜你喜欢

热点阅读