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

Question

我试图弄清楚代码拆分是如何与 webpack2.x 一起工作的和 react-router-dom .
"react-router-dom": "^4.0.0"
但是我阅读了文档并没有找到像这样使用的方法:
getComponent仍然有效吗？

我找到了 react-router-dom doc只是给你一些例子，没有解释。

我看到了 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

希望有帮助!