react-router和context types

时间:2016-05-15 18:31:04

标签: reactjs react-router

当我尝试将路由器传递给组件Login时收到了这样的错误:

class Login extends React.Component {

onClick(){
  Actions.login(this.context.router);
}

static contextTypes = {
  router: React.PropTypes.func.isRequired
}

render(){

    return (
        <Card style={{
          'maxWidth': '800px',
          'margin': '30px auto',
          'padding': '50px'
        }}>
          <CardText style={{
            'textAlign': 'center'
          }}>
            To start chatting away, please log in with your Google account.
          </CardText>

          <RaisedButton style={{
            display: 'block',
          }} onClick={this.onClick.bind(this)}
          label="Log in with Google" primary={true} />
        </Card>
    );
   }
 }

export default Login;

然后我尝试将其传递给动作login,以便在记录后重定向到另一条路径。 行动登录:

login(router){
return (dispatch) => {
  let firebaseRef = new Firebase('https://front-react-stack.firebaseio.com');
  firebaseRef.authWithOAuthPopup("google", (error, user) => {
    if(error){
      return;
    }

    dispatch(user);

    router.push('/chat');
  });

}

}

但是在登录控制台后出现错误:   “警告:失败的上下文类型:提供给router的{​​{1}}类型的上下文object无效,预期为Login。请检查function的呈现方法。”

在我看来,我已经通过了RouterContext。不是func类型,所以我不知道这个错误来自哪里......

2 个答案:

答案 0 :(得分:6)

router是一个对象:

试试这个:

static contextTypes = {
  router: React.PropTypes.object.isRequired
}

答案 1 :(得分:0)

指定以下内容:

h[t]