我使用React Router的 React.js应用程序具有以下结构:
var Dashboard = require('./Dashboard');
var Comments = require('./Comments');
var Index = React.createClass({
render: function () {
return (
<div>
<header>Some header</header>
<RouteHandler />
</div>
);
}
});
var routes = (
<Route path="/" handler={Index}>
<Route path="comments" handler={Comments}/>
<DefaultRoute handler={Dashboard}/>
</Route>
);
ReactRouter.run(routes, function (Handler) {
React.render(<Handler/>, document.body);
});
我想将一些属性传递给Comments
组件。
(通常我会这样做<Comments myprop="value" />
)
用React Router做到这一点最简单,正确的方法是什么?
<ComponentA x={<ComponentB y={<ComponentC z={} />} />} />
或”或“ <ComponentA x={ComponentB(ComponentC()) } />
否则”这样的语法 ,这种抽象组合的问题将再次出现,并且将需要一些不尽如人意的最优解和间接解决方案(如包装等)。