Добавить атрибут на основе условия из onClick React js

Question

Я хочу остановить текущую страницу от перенаправления, если условие ложно, потому что я хочу показать сообщение об ошибке на той же странице, если условие не выполнено, и перенаправить на другую страницу, если условие верно.Как я могу это сделать?

<Button fullWidth color="primary" onClick={function  (){

if(condition) redirect to x;
else
redirect to y;

}} /*to={setUrl}*/>
<Trans>text</Trans> 
</Button>

Answer 1

Если вы используете реагирующий маршрутизатор, вы можете использовать this.props.history.push('url'), чтобы перенаправить на URL-адрес и реализовать отображение уведомлений в showNotification();

<Button fullWidth color="primary" onClick={()=>{

if(condition) this.props.push('/home');
else
this.showNotification();

}}/>
<Trans>text</Trans> 
</Button>