J'ai la structure suivante pour mon application React.js utilisant 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);
});
Je souhaite transmettre certaines propriétés au Comments
composant.
(normalement je ferais ça comme <Comments myprop="value" />
)
Quelle est la manière la plus simple et la plus appropriée de le faire avec React Router?
<ComponentA x={<ComponentB y={<ComponentC z={} />} />} />
OR <ComponentA x={ComponentB(ComponentC()) } />
Sinon, ces problèmes de combinaisons d'abstractions se reproduiront et nécessiteront des solutions moins qu'optimales et indirectes appelées solutions de contournement comme l'emballage, etc., etc. Les abstractions doivent être des citoyens de première classe en tant que primitifs, quelle que soit la perception de première classe.