react-redux简单学习(四)

react-redux

安装 yarn add react-redux
<Provider/>组件的使用

import React, { Component } from ‘react’;
import Header from ‘./common/header/index’;
import { Provider } from ‘react-redux’;
import store from ‘./store’

class App extends Component {
render() {
return (
<Provider store = {store}>
<Header></Header>
</Provider>
);
}
};
export default App;
组件中如何获取及使用store，获取用mapStateToProps，使用的话把state换成props
import { connect } from “react-redux”;
const mapStateToProps = (state) => {
return {
focuse:state.focuse,
list:state.list
}
};
const mapDispatchToProps = (dispatch) => {
return {
changeFocuse () {
store.dispatch(changeFocuse())
},
changeBlue () {
store.dispatch(changeBlur())
}
}
}

export default connect(mapStateToProps,mapDispatchToProps)(Header) ;