Easier way to to disable link in React?

Question

I want to disable Link in some condition:

render() {
    return (
{this.props.canClick ? 
        Test

        

Answer 1

I think you should you atrribute to=null to set disable a link.

<Link to=null />

Your code:

render() {
    return (<li>
        <Link to={this.props.canClick?'/goto-a-link':null} >Test</Link>
    </li>)  
}