【React】React全家桶（二）

// (1)
@connect(
  state=>({num:state.counter}),
  dispatch=>({
    add: ()=>dispatch({type:"add"}),
    minus: ()=>dispatch({type:"add"})
  })
)
// (2)
const mapStateToProps = state => ({ num: state.counter });
const mapDispatchToProps = { add, minus };
@connect(
  mapStateToProps,
  mapDispatchToProps
)
class Com extends React.Component {
  ...
}
export default Com;

// 方法一
 "babel": {
    "plugins": [
      ["@babel/plugin-proposal-decorators", { "legacy": true }]，
      "transform-decorators-legacy"
    ],
    "presets": [
      "react-app"
    ]
  }

  // 方法二：config-overrides.js
  const { injectBabelPlugin } = require("react-app-rewired");
  module.exports = function override(config, env) {
  config = injectBabelPlugin(
    // 在默认配置基础上注入
    // 插件名，插件配置
    ["import", { libraryName: "antd", libraryDirectory: "es", style: "css" }],
    config
  );

  config = injectBabelPlugin(
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    config
  );

  return config;
};