title: What is the correct way to pass props to NavItem
body: <p>My code works but give an error so I just wanted to inform how I can prevent an error from showing up.</p>
  
  <p>I'd like to learn how to write correct code. </p>
  
  <p>This is what my code looks like now:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export const AuthenticatedNavigation = (props) =&gt; {
    const activeCity = props.activeCity;
  
    return (
      &lt;div&gt;
        &lt;Nav className="fluid-container"&gt;
          &lt;LinkContainer to="beijing" &gt;
            &lt;NavItem eventKey={ 1 } href=""&gt;Chapter 1: Beijing&lt;/NavItem&gt;
          &lt;/LinkContainer&gt;
              &lt;LinkContainer to="shanghai"&gt;
            &lt;NavItem eventKey={ 2 } activeCity={props.activeCity} href="/shanghai"&gt;{activeCity}&lt;/NavItem&gt;
          &lt;/LinkContainer&gt;
              &lt;LinkContainer to="chengdu"&gt;
            &lt;NavItem eventKey={ 3 } href="/chengdu"&gt;Chapter 3: Chengdu&lt;/NavItem&gt;
          &lt;/LinkContainer&gt;
        &lt;/Nav&gt;
  
        &lt;Nav className="navbar-right"&gt;
          &lt;LinkContainer to="about"&gt;
            &lt;NavItem eventKey={ 1 } href="/about"&gt;About&lt;/NavItem&gt;
          &lt;/LinkContainer&gt;
          &lt;NavDropdown eventKey={ 2 } title={ userName() } id="basic-nav-dropdown"&gt;
            &lt;MenuItem eventKey={ 2.1 } onClick={ handleLogout }&gt;Logout&lt;/MenuItem&gt;
          &lt;/NavDropdown&gt;
        &lt;/Nav&gt;
      &lt;/div&gt;
  )}</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the error code I am getting:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>modules.js:4689 Warning: Unknown prop `activeCity` on &lt;a&gt; tag. Remove this prop from the element. For details, see link        
      in a (created by SafeAnchor)
      in SafeAnchor (created by NavItem)
      in li (created by NavItem)
      in NavItem (created by AuthenticatedNavigation)
      in LinkContainer (created by AuthenticatedNavigation)
      in ul (created by Nav)
      in Nav (created by AuthenticatedNavigation)
      in div (created by AuthenticatedNavigation)
      in AuthenticatedNavigation (created by AppNavigation)
      in div (created by NavbarCollapse)
      in Transition (created by Collapse)
      in Collapse (created by NavbarCollapse)
      in NavbarCollapse (created by AppNavigation)
      in div (created by Grid)
      in Grid (created by Navbar)
      in nav (created by Navbar)
      in Navbar (created by Uncontrolled(Navbar))
      in Uncontrolled(Navbar) (created by AppNavigation)
      in AppNavigation (created by Container(AppNavigation))
      in Container(AppNavigation) (created by App)
      in div (created by App)
      in App (created by RouterContext)
      in RouterContext (created by Router)
      in Router</code></pre>
  </div>
  </div>
  </p>
  
  <p>As I said, it works, but I'd rather not have any errors ofcourse. </p>
  
  <p>Cheers, 
  Dominic</p>