Question

所以我有这个问题。我已经使用Webpack将我的React + Redux应用程序打包到一个文件中。我做到了React 使用init函数进行渲染。

var api = {
    init: function(rootDiv, anAPIObject) {
        ReactDOM.render(
            <Provider store={store}>
                <div>
                    <MyApp />
                </div>
            </Provider>,
            document.getElementById(rootDiv)
        );
    }
};

module.exports = api;


Foobar.init(rootDiv, anAPIObject);

但是，我还希望传递我计划在中间件代码中使用的第二个参数（如上所示）。它是某种需要在React + Redux代码外部的API库。

const aMiddleware = store => next => action => {
    // TODO: Use anAPIObject here
}

export default aMiddleware;

有没有办法让anAPIObject在中间件中可用？

Answer 1

您可以创建一个middleware.js文件并在

组件中使用它

module.exports = {
  Func1: function() {
    return "HELLO";
  },

  Funmc2: function() {
    return "Hola";
  }
};

，在MyApp Component中，您可以使用

var Middleware=require('./Middleware');
Middleware.Func1()

在中间件代码中使外部对象可用

1 个答案: