Saya memiliki struktur berikut untuk aplikasi React.js saya menggunakan 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);
});
Saya ingin melewatkan beberapa properti ke dalam Comments
komponen.
(biasanya saya akan melakukan ini seperti <Comments myprop="value" />
)
Apa cara termudah dan tepat untuk melakukannya dengan React Router?
<ComponentA x={<ComponentB y={<ComponentC z={} />} />} />
ATAU <ComponentA x={ComponentB(ComponentC()) } />
Jika tidak, masalah kombinasi abstraksi ini akan muncul kembali dan akan membutuhkan beberapa solusi yang kurang optimal dan tidak langsung yang disebut workarounds seperti pembungkus, dll.