Check out example codes for "should the logo be inside the ul in htm". It will help you in understanding the concepts better.

Code Example 1

<header role="banner">
    <div class="logo"><a href="#"></a></div>
    <h1>Company Name</h1>
</header>
<nav role="navigation">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Items</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

Learn ReactJs, React Native from akashmittal.com