title: Easier way to to disable link in React?
body: <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>