使用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}/>;
);