Eu tenho a seguinte estrutura para o meu aplicativo React.js usando o React Router :
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);
});
Eu quero passar algumas propriedades para o Comments
componente.
(normalmente eu faria isso como <Comments myprop="value" />
)
Qual é a maneira mais fácil e correta de fazer isso com o React Router?
<ComponentA x={<ComponentB y={<ComponentC z={} />} />} />
OR <ComponentA x={ComponentB(ComponentC()) } />
Caso contrário, esses problemas de combinações de abstrações ocorrerão e precisarão de soluções menos que ótimas e indiretas chamadas soluções alternativas, como empacotamento etc., etc. As abstrações devem ser cidadãos de primeira classe como primitivos, qualquer que seja a percepção de primeira classe.