title: How to use react router to achieve step by step navigation (like in a slideshow)?
body: <h1>I currently have this working:</h1>
  
  <p><a href="https://i.stack.imgur.com/6DHbS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6DHbS.png" alt="enter image description here"></a></p>
  
  <h1>But what I want to achieve is this:</h1>
  
  <p><a href="https://i.stack.imgur.com/ugLTl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ugLTl.png" alt="enter image description here"></a></p>
  
  <h1>And this is my code:</h1>
  
  <pre><code>            &lt;Link to={'/assessment/01'} className="dropdown-item"&gt;Assessment 1&lt;/Link&gt;
              &lt;Link to={'/assessment/02'} className="dropdown-item"&gt;Assessment 2&lt;/Link&gt;
              &lt;Link to={'/assessment/03'} className="dropdown-item"&gt;Assessment 3&lt;/Link&gt;
            &lt;/nav&gt; &lt;br/&gt;
  
            &lt;Switch&gt;
                &lt;Route exact path='/create' component={ Create } /&gt;
                &lt;Route path='/edit/:id' component={ Edit } /&gt;
                &lt;Route path='/index' component={ Index } /&gt;
                &lt;Route path='/assessment/01' component={ Assessment_01 } /&gt;
                &lt;Route path='/assessment/02' component={ Assessment_02 } /&gt;
                &lt;Route path='/assessment/03' component={ Assessment_03 } /&gt;
            &lt;/Switch&gt;
  
  </code></pre>
  
  <p>How do I route like the second example?</p>