13.装饰器模式

装饰器模式

babel

npm i @babel/plugin-proposal-decorators -S
  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins":[
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
  },

语法糖{把state 和 action 挂在到 当前的组件props上}

第一个参数是 state 第二个参数是action

// const actionCreators = {eat,hungry}
// export default connect((state)=>{
//   return {num: state.num,list:state.list}
// },{eat,hungry,eatAsync,getArticle})(App)

@connect(state => state, { eat, hungry, eatAsync, getArticle })