react-router-dom，有代码拆分的`getComponent`方法吗？

Question

我试图弄清楚代码拆分如何与 webpack2.x 和 react-router-dom 一起工作。

"react-router-dom": "^4.0.0"

但是我看了文档，没有找到像这样使用的方法：

getComponent 还在工作吗？

我发现 react-router-dom 文档只是给你一些例子，没有解释。

我看到react-router是v4.0.0-beta.8，也许我以后应该用react-router-dom？

module.exports = {
    path: 'home',
    getComponent(nextState, cb) {
        import('./main').then(component => {
            cb(null, component);
        }).catch(err => {
            console.log('Failed to load "home" component', err);
        });
    }
};

Answer 1

看来 .getComponent() 已无法使用。我认为 react-router 将这个责任交给开发人员来创建他自己的异步组件。 react-router-dom 文档中有一个很好的指南，介绍如何使用 webpack2 和 bundle-loader 处理代码拆分： https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md

这里是使用 React Router v4 的快速代码拆分示例： https://gist.github.com/acdlite/a68433004f9d6b4cbc83b5cc3990c194

希望对您有所帮助！

react-router-dom，有代码拆分的`getComponent`方法吗？

react-router-dom, is there a `getComponent` method for code splitting?

reactjs

react-router

webpack-2

react-router-v4

react-router-dom