DEV Community

talent
talent

Posted on

Creating a Nav bar in Reactjs

๐—ง๐—ต๐—ฒ ๐˜€๐—ถ๐—บ๐—ฝ๐—น๐—ฒ๐˜€๐˜ ๐˜„๐—ฎ๐˜† ๐˜๐—ผ ๐—ฐ๐—ฟ๐—ฒ๐—ฎ๐˜๐—ฒ ๐—ก๐—ฎ๐˜ƒ๐—ฏ๐—ฎ๐—ฟ ๐—ถ๐—ป ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜๐—๐˜€ ๐—ถ๐˜€ ๐˜‚๐˜€๐—ถ๐—ป๐—ด ๐˜๐—ต๐—ฒ ๐—บ๐—ฎ๐—ฝ ( ) ๐—บ๐—ฒ๐˜๐—ต๐—ผ๐—ฑ
โœ”๏ธ ๐˜”๐˜ข๐˜ฑ () ๐˜ฎ๐˜ฆ๐˜ต๐˜ฉ๐˜ฐ๐˜ฅ ๐˜ถ๐˜ด๐˜ฆ๐˜ฅ ๐˜ต๐˜ฐ ๐˜ณ๐˜ฆ๐˜ฏ๐˜ฅ๐˜ฆ๐˜ณ ๐˜ข๐˜ฏ ๐˜ข๐˜ณ๐˜ณ๐˜ข๐˜บ ๐˜ฐ๐˜ง ๐˜ฅ๐˜ข๐˜ต๐˜ข ๐˜ช๐˜ฏ ๐˜‘๐˜š๐˜Ÿ

โœ”๏ธ ๐˜›๐˜ฉ๐˜ฆ ๐˜ฎ๐˜ข๐˜ฑ() ๐˜ฎ๐˜ฆ๐˜ต๐˜ฉ๐˜ฐ๐˜ฅ ๐˜ค๐˜ณ๐˜ฆ๐˜ข๐˜ต๐˜ฆ๐˜ด ๐˜ข ๐˜ฏ๐˜ฆ๐˜ธ ๐˜ข๐˜ณ๐˜ณ๐˜ข๐˜บ ๐˜ฑ๐˜ฐ๐˜ฑ๐˜ถ๐˜ญ๐˜ข๐˜ต๐˜ฆ๐˜ฅ ๐˜ธ๐˜ช๐˜ต๐˜ฉ ๐˜ต๐˜ฉ๐˜ฆ ๐˜ณ๐˜ฆ๐˜ด๐˜ถ๐˜ญ๐˜ต๐˜ด ๐˜ฐ๐˜ง ๐˜ค๐˜ข๐˜ญ๐˜ญ๐˜ช๐˜ฏ๐˜จ ๐˜ข ๐˜ฑ๐˜ณ๐˜ฐ๐˜ท๐˜ช๐˜ฅ๐˜ฆ๐˜ฅ ๐˜ง๐˜ถ๐˜ฏ๐˜ค๐˜ต๐˜ช๐˜ฐ๐˜ฏ ๐˜ฐ๐˜ฏ ๐˜ฆ๐˜ท๐˜ฆ๐˜ณ๐˜บ ๐˜ฆ๐˜ญ๐˜ฆ๐˜ฎ๐˜ฆ๐˜ฏ๐˜ต ๐˜ช๐˜ฏ ๐˜ต๐˜ฉ๐˜ฆ ๐˜ค๐˜ข๐˜ญ๐˜ญ๐˜ช๐˜ฏ๐˜จ ๐˜ข๐˜ณ๐˜ณ๐˜ข๐˜บ

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

     </ul>

</nav>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)