根据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

如果您使用的是React Router，则可以使用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>