Question

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

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

自述文件指出import promiseMiddleware from 'redux-promise'，我假设我也必须导入createAction ..但这就是我需要的全部内容，或者我是否需要以某种方式配置或添加到redux配置？

这就是我需要做的全部吗？

动作/ 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自述文件的Usage部分提供了应用redux-promise（以及其他）的示例代码。 https://github.com/fcomb/redux-logger

Answer 2

尽管在npmjs.com上，它会告诉您导入

，但您仍需要将其添加到创建Redux存储的根组件文件中。

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中使用哪些import语句？

2 个答案: