我这里有一个使用 react 路由器的默认布局页面:
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
}
},
页面标题不会显示,并保留为布局中的默认“第一页”。谁能告诉我如何将 props 传递到 header 组件?
最佳答案
您可以使用类似 react-document-title 的组件来解决问题。
关于javascript - 使用react-router响应页面布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30885113/