Creating a Nav bar in Reactjs

𝗧𝗵𝗲 𝘀𝗶𝗺𝗽𝗹𝗲𝘀𝘁 𝘄𝗮𝘆 𝘁𝗼 𝗰𝗿𝗲𝗮𝘁𝗲 𝗡𝗮𝘃𝗯𝗮𝗿 𝗶𝗻 𝗥𝗲𝗮𝗰𝘁𝗝𝘀 𝗶𝘀 𝘂𝘀𝗶𝗻𝗴 𝘁𝗵𝗲 𝗺𝗮𝗽 ( ) 𝗺𝗲𝘁𝗵𝗼𝗱
✔️ 𝘔𝘢𝘱 () 𝘮𝘦𝘵𝘩𝘰𝘥 𝘶𝘴𝘦𝘥 𝘵𝘰 𝘳𝘦𝘯𝘥𝘦𝘳 𝘢𝘯 𝘢𝘳𝘳𝘢𝘺 𝘰𝘧 𝘥𝘢𝘵𝘢 𝘪𝘯 𝘑𝘚𝘟

✔️ 𝘛𝘩𝘦 𝘮𝘢𝘱() 𝘮𝘦𝘵𝘩𝘰𝘥 𝘤𝘳𝘦𝘢𝘵𝘦𝘴 𝘢 𝘯𝘦𝘸 𝘢𝘳𝘳𝘢𝘺 𝘱𝘰𝘱𝘶𝘭𝘢𝘵𝘦𝘥 𝘸𝘪𝘵𝘩 𝘵𝘩𝘦 𝘳𝘦𝘴𝘶𝘭𝘵𝘴 𝘰𝘧 𝘤𝘢𝘭𝘭𝘪𝘯𝘨 𝘢 𝘱𝘳𝘰𝘷𝘪𝘥𝘦𝘥 𝘧𝘶𝘯𝘤𝘵𝘪𝘰𝘯 𝘰𝘯 𝘦𝘷𝘦𝘳𝘺 𝘦𝘭𝘦𝘮𝘦𝘯𝘵 𝘪𝘯 𝘵𝘩𝘦 𝘤𝘢𝘭𝘭𝘪𝘯𝘨 𝘢𝘳𝘳𝘢𝘺

<nav>
   <ul>
       {
        ['Home', 'About', 'Contact Us'].map((item, index)=>(
            <li key={index}>
                  {item}
                 </li>
      ))
   }

     </ul>

</nav>