反应路由器-将道具传递给处理器组件

使用React路由器,我的React.js应用程序具有以下结构:

var Dashboard=require('./Dashboard');
var注释=要求(“./注释”);
var Index=React.createClass({
渲染:函数(){
返回(
<div>
<页眉>某些页眉</header>
<RouteHandler/>
</div>
);
}
});
变量路由=(
<路由路径=“/”处理程序={Index}>
<Route path=“comments”处理程序={comments}/>
<DefaultRoute处理程序={Dashboard}/>
</Route>
);
ReactRouter.run(路由、函数(处理程序){
React.render(<Handler/>,document.body);
});

我想将一些属性传递到Comments组件中

(通常我会这样做,比如注释myprop=“value”/>)

使用React路由器最简单和正确的方法是什么

如果你不想写包装,我想你可以这样做:

类索引扩展了React.Component{
建造师(道具){
超级(道具);
}
render(){
返回(
<h1>
索引-{this.props.route.foo}
</h1>
);
}
}
变量路由=(
<路由路径=“/”foo=“bar”组件={Index}/>
);

发表评论