Javascript 向每个组件添加组件
我正试图在我所有页面的顶部放置导航栏。这是路由器:Javascript 向每个组件添加组件,javascript,reactjs,react-jsx,Javascript,Reactjs,React Jsx,我正试图在我所有页面的顶部放置导航栏。这是路由器: App=React.createClass({ render:function(){ } }); 注意位置标记中的哈希参数。当我这样使用路由器时,组件中的链接不使用散列。但是,如果我在每个组件中都包含,那么散列链接将按预期工作。是否有一个地方可以包含,以便在路由器显示的所有页面上呈现它?通过将路由器从react路由器组件切换到其他组件来解决。 var-App=React.createClass({ render:function(){ 返
App=React.createClass({
render:function(){
}
});
注意
位置
标记中的哈希参数。当我这样使用路由器时,
组件中的链接不使用散列。但是,如果我在每个组件中都包含
,那么散列链接将按预期工作。是否有一个地方可以包含
,以便在路由器显示的所有页面上呈现它?通过将路由器从react路由器组件切换到其他组件来解决。
var-App=React.createClass({
render:function(){
返回(
{this.props.activeRouteHandler}
);
}
});
React.renderComponent((
),文件正文);
通过将路由器从react路由器组件切换到。
var-App=React.createClass({
render:function(){
返回(
{this.props.activeRouteHandler}
);
}
});
React.renderComponent((
),文件正文);
请包含您当前的代码,以便它可以帮助其他人找到此问题。注意API已更改为this.props.activeRouteHandler()
:)请包含您当前的代码,以便它可以帮助其他人找到此问题。注意API已更改为this.props.activeRouteHandler()
:)
App = React.createClass({
render: function() {
<div>
<NavBar />
<Locations hash className="Router">
<Location path="/" handler={MainPage} />
<Location path="/help" handler={HelpPage} />
<Location path="/about" handler={AboutPage} />
<NotFound handler={NotFoundPage} />
</Locations>
</div>
}
});
var App = React.createClass({
render: function() {
return (
<div>
<NavBar />
{this.props.activeRouteHandler}
</div>
);
}
});
React.renderComponent((
<Route handler={App}>
<Route name="main" path="/" handler={MainPage}/>
<Route name="help" handler={HelpPage}/>
<Route name="about" handler={AboutPage}/>
<Route name="notfound" path="*" handler={NotFoundPage}/>
</Route>
), document.body);