我需要将哪些导入语句与 redux-promise 一起使用？

Question

如何设置 redux-promise 中间件，特别是我需要哪些导入和配置语句？

https://github.com/acdlite/redux-promise

自述文件指出 import promiseMiddleware from 'redux-promise'，我假设我也必须导入 createAction.. 但这是我所需要的，还是我需要以某种方式配置或将其添加到 redux 配置中？

这就是我需要做的吗？

actions/SampleActions.js

import promiseMiddleware from 'redux-promise';
import { createAction } from 'redux-actions';
import { WebAPI } from '../utils/WebAPI';

export const getThing = createAction('GET_THING', WebAPI.getThing);
export const createThing = createAction('POST_THING', WebAPI.createThing);

Answer 1

创建商店时需要应用中间件。 redux-logger 自述文件的使用部分提供了应用 redux-promise（以及其他）的示例代码。 https://github.com/fcomb/redux-logger

Answer 2

您需要将它添加到您的根组件文件，即您创建 Redux 商店的文件，尽管在 npmjs.com 它告诉您导入

import promiseMiddleware from 'redux-promise';

您也可以像这样导入它：

import reduxPromise from 'redux-promise';

重要的是 'redux-promise' 部分与其在 node_modules 目录中的识别方式一致。

因此，无论您在何处设置 Redux 商店，它都将如下所示：

import React from "react";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import reduxPromise from 'redux-promise';
import reducers from "reducers";

export default ({ children, initialState = {} }) => {
  const store = createStore(reducers, initialState, applyMiddleware(reduxPromise));

  return <Provider store={store}>{children}</Provider>;
};

我需要将哪些导入语句与 redux-promise 一起使用？

what import statements do I need to use with redux-promise?

javascript

reactjs

redux