title: how to create hyperlink to got to next component from one component in react like a tag does?
body: <p>****(The main issue Link should work, but it should be encapsulate inside the router. If encapsulated than obviously , it would like nested router. which i dont want. i just want to render register component only when i click the link below)****</p>
  
  <p>return ( 
              </p>
  
  <pre><code>            &lt;h1&gt;Login Page&lt;/h1&gt;
  
           Its the login form, no issue with login form
              &lt;form action=""&gt;
  
                  &lt;button }&gt;Login&lt;/button&gt;
  
              &lt;/form&gt;
  
             &lt;
  
             **(The main issue is this should work, but it should be encapsulate inside the router. If encapsulated than obviously , it would like nested router. which i dont want. i just want to render register component only when i click the link below)**
  
  
            &lt;Link to="" component={Register}&gt; Create Account &lt;/Link&gt;
  
  
          &lt;/div&gt;
       );
  </code></pre>