Question

新的反应。有问题使用反应路由器呈现子组件。我的应用程序组件呈现正常。如果我在Child1或Child2的父组件中交换App，那些也可以。但我的反应路由器里面的嵌套组件似乎没有渲染。我错过了什么？

var App = React.createClass({
  render: function() {
    return <h1 className="red">
      dfdf
      {this.props.children}
    </h1>
  }
});

var Child1 = React.createClass({
  render: function() {
    return (
      <h1>I am a Child</h1>
    )
  }
});

var Child2 = React.createClass({
  render: function() {
    return (
      <h1>I am the other Child</h1>
    )
  }
});

var routes = (
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <Route path="1" component={Child1} />
      <Route path="2" component={Child2} />
    </Route>
  </Router>
)

ReactDOM.render(routes, document.querySelector('.container'));

更新好的，所以我可以使用hashHistory，但是browserHistory不起作用。为什么是这样？

Answer 1

参考我的问题评论中给出的答案，当使用browserHistory时，您必须使用express或任何其他正在使用的服务器从*路由提供文件。从开发服务器本地提供文件或未配置此类路由的服务器时，必须使用hashHistory。

React Router不呈现子组件

1 个答案: