使用装饰器,要安装
Babel 7以上:
npm install @babel/plugin-proposal-decorators --save-dev
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
]
eslint.js
"parserOptions" : {
"ecmaFeatures": {
"legacyDecorators": true
}
}
组件中使用:
`App可以拿到Store 的dispatch方法,以及监听Store 的数据变化
方法一:
class App extends Component { ... }
export default connect((state,props) =>{
userInfo:state.getUserInfo
)(App);
方法二:
@connect((state,props) =>{
userInfo:state.getUserInfo
)
class App extends Component { ... }
export default App
connect
第一个参数:mapStateToProps(state,ownProps?)
ownProps(可选):组件自身的props,根据自身的需求来取stroe中的数据。