我正在尝试使用react-router将一些数据从NodeJS服务器传递给我的反应视图组件。
这是我的server.jsx
ReactDOM.render((
<BrowserRouter>
<Switch>
<Route exact path='/' component={ HomeContainer } hello="foo" />
<Route path="/about" component={ AboutContainer } />
</Switch>
</BrowserRouter>), document.getElementById('root'));
ReactDOM.childContextTypes = { hello: PropTypes.string };
这是我的HomeContainer.jsx
export default class HomeContainer extends Component {
constructor(props, context) {
super(props, context)
console.log("Template context", this.context);
}
render() {
return (
<div>
<Helmet title="HomePage"/>
<Menu />
<HomePresenter hello={this.props.hello}/>
</div>
);
}
}
HomeContainer.contextTypes = {
hello: PropTypes.string,
hello: React.PropTypes.string.isRequired
};
我不确定为什么HomeContainer构造函数中的console.log语句是'undefined'。我在这里缺少什么?