ฉันมีโครงสร้างต่อไปนี้สำหรับแอปพลิเคชัน React.js ของฉันโดยใช้ 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);
});
ฉันต้องการส่งผ่านคุณสมบัติบางอย่างไปยังComments
ส่วนประกอบ
(ปกติฉันจะทำเช่นนี้<Comments myprop="value" />
)
อะไรคือวิธีที่ง่ายและถูกต้องในการทำ React Router
<ComponentA x={<ComponentB y={<ComponentC z={} />} />} />
OR <ComponentA x={ComponentB(ComponentC()) } />
มิฉะนั้นปัญหานี้ของการรวมกันของ abstractionsจะเกิดขึ้นอีกและจะต้องมีการแก้ปัญหาที่ดีที่สุดและทางอ้อมน้อยกว่าที่เรียกว่าวิธีการแก้ปัญหาเช่นการห่อ ฯลฯ ฯลฯ Abstractions ต้องเป็นพลเมืองชั้นหนึ่ง