服务器端使用响应路由器重定向onClick

Question

对于服务器端呈现的组件，当onClick时如何执行Redirect ？ 以下是我拥有的组件。 当我单击该按钮时，会显示我的console.log，但不会重定向到其他页面。

class UserNav extends React.Component {
  constructor(props) {
    super(props);
    this.signUp = this.signUp.bind(this);
  }

  signUp() {
    console.log('here');
    return <Redirect to="/signup" push />;
  }

  render() {
    const view = this.props.authentication ? (
      <div>test</div>
    ) : (
      <div>
        <button>Login</button>
        <button onClick={this.signUp}>Sign Up</button>
      </div>
    );
    return (<div>{ view }</div>
    );
  }
}

Answer 1

利用道具。

this.props.history.push('/signup');