Question

我正在使用react-router 1.0.0-rc3，并遵循此http://jsfiddle.net/uj313udL/指南。

以下是要点部分：

const html = renderToString(
  <Provider store={store}>
    <RoutingContext {...renderProps} />
  </Provider>
);

这是我的路线部分：

  <Route path="/" component={Container} >
    <IndexRoute component={App} />
    <Route path=":source/:owner/:name/:branch/tree/:corpus*" component={App} />
    <Route path=":source/:owner/:name/:branch/ticket/(:ticket)" component={App} />
  </Route>

我将html输出为空div元素，如：

<div data-reactid=".whl3ehjj0g" data-react-checksum="12324050"></div>

服务器中没有呈现<App />组件，并且在客户端接收到服务器呈现响应后正常呈现<App />，并且所有路由功能在客户端中都能很好地工作。

那么，我错过了什么？

Answer 1

好吧，我弄清楚了，实际上它与react-router无关，它在我的代码中的循环依赖会导致问题。：（

Answer 2

当我在我的组件中执行export default而不是module.exports时，我的问题就是需要。这解决了我的问题！

react-router服务器渲染没有匹配组件的html内容

2 个答案: