zoukankan      html  css  js  c++  java
  • react-redux简单实用

           首先了解一个过程,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
    }
    ]
    ]
    },

      

  • 相关阅读:
    elasticsearch如何设计索引
    LinkedList 的实现原理
    聊聊elasticsearch7.8的模板和动态映射
    elasticsearch7.8权限控制和规划
    cloudera manager server迁移
    2020年终总结
    工作两年半的一次复盘
    聊聊数据结构和算法
    AutoMapper源码解析
    [源码解析] 并行分布式框架 Celery 之 worker 启动 (2)
  • 原文地址:https://www.cnblogs.com/MDGE/p/10246743.html
Copyright © 2011-2022 走看看