私は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 を使用してこれを行う最も簡単で正しい方法は何ですか?
ベストアンサー1
ラッパーを書きたくない場合は、次のようにすることもできます。
class Index extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<h1>
Index - {this.props.route.foo}
</h1>
);
}
}
var routes = (
<Route path="/" foo="bar" component={Index}/>
);