[英]React page layout using react-router
我在这里使用反应路由器的默认布局页面:
Header = require('./components/Header'),
Footer = require('./components/Footer'),
var sampleApp= React.createClass({
getDefaultProps() {
return {
title: 'Page One'
};
},
render: function (){
return (
<div className="app">
<Header title={this.props.title} />
<RouteHandler />
<Footer />
</div>
);
},
});
var routes = (
<Route name="app" path="/" handler={sampleApp}>
<DefaultRoute name="home" handler={HomePage} />
<Route name="add-school" handler={AddPage} />
</Route>
);
Router.run(routes, function(Handler){
var mountNode = document.getElementById('app');
React.render(<Handler /> , mountNode);
});
我可以将页面标题传递到上面的标题组件中吗? 这是页面之一,标题设置为默认道具。
var HomePage = React.createClass({
mixins: [Router.Navigation],
getDefaultProps() {
return {
// set page title here
title: 'Page Two'
};
},
getInitialState: function () {
return {
tiles: null
}
},
页面标题不显示,并在布局中保留为默认的“第一页”。 谁能告诉我如何将道具传递到标头组件?
您可以使用诸如react-document-title之类的组件来解决该问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.