reactjs - 引用redux store`dispatch`方法的方法列表？

Question

引用 redux storedispatch方法的方法列表是什么？

• connect从 github.com/reduxjs/react-redux ( docs )使用

• 使用 react-redux <Provider />( docs )。

• 使用新的上下文 api。 （React 16.3 中引入的新上下文 api）

• 声明一个全局dispatch变量并将其设置为store.dispatch.

• 将 store.dispatch 作为道具传递给子组件。

• 从一个模块导出store.dispatch，然后用于es6 import从另一个模块引用它。（下面的例子）

• 还有其他人吗？

es6 导入示例：

// store.js
function reducer(state, action) {
  switch (action.type) {
    case "ITEM_UPDATED":
      return Object.assign({}, state, { item: action.item });
    default:
      return state;
  }
}

const store = Redux.createStore(reducer, { item: "cat" });

export default store;   // <-------- export the store

// DumbComponent.js
import store from "./store.js"; // <-------- import the store

const DumbComponent = props => {
  return React.createElement(
    "button",
    {
      onClick: () => {
        store.dispatch({ type: "ITEM_UPDATED", item: "dog" }); <-- call dispatch
      }
    },
    "Update to Dog"
  );
};

我的偏好是对哑组件使用 es6import方法，因为它的样板数量最少，我还想知道使用 es6 导入是否有任何上面列出的其他方法不会遇到的特定问题。

标签： reactjsecmascript-6redux