react-redux简单使用

• 第一个重要api
  Provider将组建与store连接

import { Provider } from "react-redux";
import store from "./store/index.js";
import App from './App';

ReactDOM.render(
  <Provider store = {store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

• 第二个重要api
  connect将具体组建与store数据建立对应映射

export default connect(fun1,fun2)(***Component)

fun1是将仓库数据映射到组件props的函数

mapStoreStateToProps(storeState){
    return {
          ***:storeState.xxx
    }
}

fun2是将仓库的dispatch映射到组件的函数

mapDispatchToProps(dispatch){
    return{
        xxxxx(params){
            const action = {
                type:***
            }
            dispatch(action);
        }
    }
}

学会这两个api就能使用react-redux了，需要注意的是,react-redux依赖的redux，使用前需要安装redux，它不能独立工作。