Question

我正在使用带有SSR的webpack 2.61，babel 6，react-router 3.0.2和React 15.4.2

在我的路线文件中，我正在使用React Router getComponent s 的split chunks方法，但是我无法使其工作。

我已经看到很多关于getComponent的示例：

<Route path={ROUTES.SHOP_INFO} getComponent={() => System.import('./containers/Pages/ShopInfo/ShopInfo')} />

定义了system.import时：

if (typeof System.import === 'undefined') System.import = module => Promise.resolve(require(module));

所以我试图了解如何使用getComponent s 来完成它，并且尝试了很多东西，花了好几个小时，但还是没事...

从我的角度来看，当用户单击以下内容时应该发生什么：

<Route
    path={ROUTES.SEARCH}
    getComponents={(nextState, cb) => {
        return Promise.all({        
            children: System.import('./containers/Pages/Search/search'),
            siteHeader: System.import('./containers/Header/Header')
        });
    }}
/>

将从服务器端获取这两个路由块，并将用户传递给它。

在此示例中，实际发生的是将从服务器（子块）中取出一个块，然后什么也没有发生。

请帮助并告知我该怎么做。

React Router v3 getComponents服务器端渲染

0 个答案: