Question

构建 Store

store 是整个 Redux 的操作的入口。构建 Store 的时候还可以指定中间件和 Reducer 及默认的 state。

• 构建 store

import { createStore } from 'redux';
let store = createStore(reducer);

• 构建带默认 state 的 store

import { createStore } from 'redux';
let store = createStore(reducer, initialState);

• 构建带中间件的 store

applyMiddleware

import { applyMiddleware, createStore } from 'redux';
import createLogger from 'redux-logger'; // 日志中间件
const store = createStore(
  reducer,
  initial_state,
  applyMiddleware(logger)
);

当然可以构建带多个中间件的 store

const store = createStore(
  reducer,
  applyMiddleware(thunk, promise, logger)
);

Stroe 的方法

• store.getState() 获取整个状态数据对象。
• store.dispatch() 分发 Action
• store.subscribe() 订阅状态数据的变化

import { createStore } from 'redux';
let { subscribe, dispatch, getState } = createStore(reducer);