Javascript 不渲染组件

我们使用的是

react路由器

如下：

ReactDOM.render(
    <Router>
        <Route path="/" component={AnyPic}>
            <Route path="p/:photoId" component={PhotoView} />
        </Route>
    </Router>,
    document.getElementsByClassName("container")[0] 
);

var AnyPic = React.createClass({
    render: function() {
        return (
            <p>Hello world</p>
        )
    }
});

var PhotoView = React.createClass({
    render: function(){
        return (
            <p>This is the photo view</p>
        )
    }
});

ReactDOM.render(
,
document.getElementsByClassName（“容器”）[0]
);
var AnyPic=React.createClass({
render:function（）{
返回(
你好，世界

)
}
});
var PhotoView=React.createClass({
render:function（）{
返回(
这是照片视图

)
}
});

在包含了react路由器之后，以前只是本地主机8000的东西开始看起来像是本地主机8000/#/？_k=wulhmi。不知道那些额外的参数是从哪里来的

---

无论如何，当尝试访问

localhost:8000/#/p/XYZ

时，页面会一直返回到

/

。任何帮助都将不胜感激。

原因是您没有呈现您的孩子的路线。退房

如果将

this.props.children

添加到

AnyPic

组件中，一切都将正常工作：

var AnyPic=React.createClass({
render:function（）{
返回(
你好，世界

{this.props.children}
)
}
});

正如@robertklep在评论中指出的那样，URL中的“额外”内容正在添加，因为路由器默认使用哈希历史记录，您可能需要使用

BrowserHistory

来完成安装：

npm install History

---

查看文档。

AnyPic和PhotoView看起来像什么？控制台中是否有任何错误？@max已更新以包含其他组件