title: React router exact property is not working
body: <p>The purpose of <code>exact</code> property in react router is, don't do partial matching of routes. But, in my case, it is not doing.</p>
  <p>I have two component <code>Write an article</code> and <code>View a particular article with id</code>. I defined route for both as:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Route exact path='/article/write' exact component={ArticleOrBlog}/&gt;   
  &lt;Route exact  path='/article/:id'  component={ArticleOne}&gt;&lt;/Route&gt; 
  </code></pre>
  <p>Both route have <code>exact</code> property. Expected behaviour is, when <code>ArticleOrBlog</code> component render then <code>ArticleOne</code> must not, and vice-versa.</p>
  <h1>Here the problem concurs.</h1>
  <p>When <code>ArticleOne</code> component renders then <code>ArticleOrBlog</code> component is not rendering, but when <code>ArticleOrBlog</code> component renders then <code>ArticleOne</code> components is also rendering.
  <code>ArticleOne</code> Component is rendering below <code>ArticleOrBlog</code> component.</p>
  <h1>Here behaviour changes</h1>
  <p>When i define routes like:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Route exact path='/write' exact component={ArticleOrBlog}/&gt;   
  &lt;Route exact  path='/article/:id'  component={ArticleOne}&gt;&lt;/Route&gt; 
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>&lt;Route exact path='/write/anything' exact component={ArticleOrBlog}/&gt;   
  &lt;Route exact  path='/article/:id'  component={ArticleOne}&gt;&lt;/Route&gt; 
  </code></pre>
  <p>then it works fine.</p>