使用react-router v4将props传递给Component

时间:2017-11-21 06:48:43

标签: reactjs react-router-v4

我正在尝试使用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'。我在这里缺少什么?

0 个答案:

没有答案