反应路由器示例不起作用

Question

我尝试从https://github.com/ReactTraining/react-router/blob/master/packages/react-router-config/README.md#renderroutesroutes 运行示例

服务器端代码：

 router.get('/*', function(ctx, next) {
   const context = {};
   const initialState = {};
   const appStore = createAppStore(null, initialState);

   const appString = ReactDOMServer.renderToString(
    <Provider store={appStore} key="provider">
        <StaticRouter location={ctx.url} context={context}>
            {renderRoutes(routes)}
        </StaticRouter>
    </Provider>
   );
  ...

（路线 - 只是从示例页面复制过去） 在某些路线上请求后，我总是得到主页

如果我使用自己的路线

const routes =
[
  { path: '/',
    exact: true,
    component: Home
  },
  { path: '/about',
    component: About
  }
]

在这两条路线上，我还获得了主页，单击链接不起作用并且不记录任何错误

我的仓库：https://github.com/kirsanv43/react-universal-starter-kit/blob/master/src/server.js

Answer 1

不知道为什么，但是当我将renderRoutes 函数从react-router-config 复制到我的项目并使用它时，一切都很好。