Как я могу выполнить Redirect, когда onClick для компонентов рендеринга на стороне сервера? Ниже представлен компонент, который у меня есть. Когда я нажимаю кнопку, отображается журнал console.info, но меня не перенаправляют на другую страницу.
class UserNav extends React.Component {
constructor(props) {
super(props);
this.signUp = this.signUp.bind(this);
}
signUp() {
console.info('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>
);
}
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Используйте реквизит.
this.props.history.push('/signup');