Easier way to to disable link in React?
<p>I want to disable <code>Link</code> in some condition:</p>

<pre><code>render() {
    return (&lt;li&gt;{this.props.canClick ? 
        &lt;Link to="/"&gt;Test&lt;/Link&gt; : 
        &lt;a&gt;Test&lt;/a&gt;}
    &lt;/li&gt;)  
}
</code></pre>

<p><code>&lt;Link&gt;</code> must specify <code>to</code>, so I can not disable <code>&lt;Link&gt;</code> and I have to use <code>&lt;a&gt;</code></p>