react-redux

安装

npm i --save react-redux

使用

提前书写好store

Provider 提供器

被 Provider 组件包裹的内容可以获取store的值

import {Provider} from 'react-redux';
import store from './store';
// 绑定store属性 内部的所有组件都可以使用store中的属性
<Provider store={store}>
  <Zjian />
</Provider >

Connect 链接器

在组件书写

import {Connect} from 'react-redux';
// Zjian 组件省略
// 组件中的方法
props.方法名()
// 设置映射关系 将state中的数据映射到props中
// state 是store中定义的基础数据
// 在组件中使用props中拿到state中的内容
const 映射关系名 = (state) =>{
    return {
      props的名:state.state中的名
  }
}
const 映射修改的方法 = ()=>{
    return {
      5行方法名对应的方法(){
        派发action
    }
  }
}
export default connect(映射关系名,映射修改的方法)(Zjian)