배열의 값을 map으로 돌려서 컴포넌트안에 태그를 반복하려고 하는데
선언된 형식이 'void'도 'any'도 아닌 함수는 값을 반환해야 합니다.
라고 에러가 발생하는데
타입지정을 어떻게 줘야할지 감이 안와요 ...
Link앞에 retrun을 적어주면
'undefined' 형식은 'string' 형식에 할당할 수 없습니다.
이라고 나옵니다.
타입지정을 어떻게 해야 할까요 ??
```
</pre>
<pre>import Link from 'next/link';
import styled from 'styled-components';</pre>
<pre>const HeaderBlock = styled.header``;</pre>
<pre>const Header = () => {
<strong>const menuArray = ['NEW', 'BEST', 'APPAREL', 'SHOES', 'ACC', 'OUTLET'];</strong></pre>
<pre>return (
<HeaderBlock>
<div className='header-inner-box'>
<div className='logo-box'>SHOP#</div>
<strong><div className='nav-menu-box'></strong>
<strong>{menuArray.map<string>((menu, index):string => {</strong>
<strong><Link href='/' key={index}>{menu}</Link></strong>
<strong>})}</strong>
<strong></div></strong>
<div className='login-menu-box'></div>
</div>
</HeaderBlock>
);
};</pre>
<pre>export default Header;</pre>
<pre>```
