react-redux简单实用

Posted 2021-02-02 mdge

       首先了解一个过程，redux  肯定是通过在组件中出发一个方法(事件),我们可以实现一个简单的例子播放和停止播放(写到这今日心情不好，下次继续)

redux需要安装 以下依赖：
cnpm install redux --save
cnpm install react-redux --save
cnpm install redux-actions --save
因为用到了es6/7的语法，需要安装babel转码
cnpm install babel-plugin-import --save
cnpm install babel-plugin-transform-decorators-legacy --save //装饰器模块
cnpm install babel-preset-es2015 --save
cnpm install babel-preset-react --save
cnpm install babel-preset-stage-2 --save
以及添加.babelrc文件 （与package.json同级）
{
"presets": [ //presets 设置转码规则
"es2015",
"react",
"stage-2",
],
"plugins": ["transform-decorators-legacy"] //plugins 添加插件
}

redux需要安装 以下依赖：
cnpm install redux --save
cnpm install react-redux --save
cnpm install redux-actions --save
@connect装饰器报错处理
因为用到了es6/7的语法，需要安装babel转码
npm run eject //解除封装
cnpm install babel-plugin-transform-decorators-legacy --save-dev
cnpm install @babel/plugin-proposal-decorators --save-dev
在package.json中添加插件支持ES7
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
[
"@babel/plugin-proposal-class-properties",
{
"loose": true
}
]
]
},