Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向每个组件添加组件_Javascript_Reactjs_React Jsx - Fatal编程技术网

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);