reactjs - 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

希望有帮助！