[ペミン文房具店]Day 4重複メニューはmap()!

これは何ですか?!
朝までずっと鏡に映っていたイメージが急にEXパク?...リンクアドレスが間違っていますか?!ただし、新しいラベルページで画像リンクを開くと、良いリンクが開きます.
私は指導者に聞いたが,彼は外民で止めたようだ.
あら.まさか.何回呼んだの!?コンソールウィンドウを見てみました.

チッチッ本当に止めたようだ...
Googleの画像に取って代わって、問題のないロードです.

すべてのメニューを繰り返しmap()に移動します!

ページ内には様々なメニューが重複しています.地図()をログイン/会員入力/私のページ/ショッピングバスケットに移動しなければなりませんか?と思いましたが、本当にやり終えたら、コードの読みやすさがよくなりました!
map()回転に夢中になりました.

フラットメニューmap()

const MENUARR = [
  '전체',
  '문구',
  '리빙',
  '책',
  '을지로에디션',
  'ㅋㅋ에디션',
  '배달이친구들',
  '선물세트',
  '콜라보레이션',
];

        <nav className="headerMenu">
          <ul>
            {MENUARR.map((menu, idx) => {
              return (
                <li key={idx} >
                  <div className={'menuTitle'}>
                    {menu}
                  </div>
                </li>
              );
            })}
          </ul>
        </nav>

オブジェクトメニューマッピング()
ページ移動リンクtoを使用すると、map()関数をkey、valueとして使用してメニューが生成されます.

const USERMENU = {
  '/login': '로그인',
  '/signup': '회원가입',
  '/main': '마이페이지',
  '/cart': '장바구니',
};

<ul className="userMenu">
            {Object.keys(USERMENU).map(function (menu) {
              return (
                <li>
                  <Link to={menu}>{USERMENU[menu]}</Link>
                </li>
              );
            })}
          </ul>