connect, mapStateToProps, mapDispatchToProps

1. 结构

1.1 四个文件

• store.js
• Child.jsx
• index.js
• App.js

1.2 两个 package

• redux
• react-redux

1.3 一个HOC

connect(mapStateToProps, mapDispatchToProps)(Child);

接收两个参数，通过 props 传递给 Child 组件，返回一个全新的 Component

2. code

store.js

import { createStore } from "redux";

/* 定义 reducer */
const initialState = { count: 0 };

export const myReducer = (state = initialState, action) => {
  const { type } = action;
  switch (type) {
    case "add":
      return { count: state.count + 1 };

    case "minus":
      return { count: state.count - 1 };
    default:
      return state;
  }
};

export const store = createSt