제로초님, Menu를 구성할때 각각의 Item으로 나누어서 작성하지 않고 아래와 같이 배열의 형태에서 map함수로 반복해서 구성하게 되면 Next에서 큰 차이점이 생기나요..?
<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">const pages = ['whattoeat', 'signin', 'signup']; 
<div style="line-height: 18px;">
<div>{pages.map((page) =&gt; (</div>
<div>&lt;MenuItem key={page} onClick={handleCloseNavMenu}&gt;</div>
<div>&lt;Typography textAlign="center"&gt;</div>
<div>&lt;Link href={`/${page}`}&gt;</div>
<div>&lt;a&gt;{page}&lt;/a&gt;</div>
<div>&lt;/Link&gt;</div>
<div>&lt;/Typography&gt;</div>
<div>&lt;/MenuItem&gt;</div>
<div>))}</div>
</div>
</div>

아뇨 괜찮습니다. 또한 어차피 메뉴쪽은 antd 사용하시는거라 antd에만 맞는 모양이 나오게 쓰시면 됩니다.

인프런 커뮤니티 질문&답변

메뉴구성을 하는 방법차이