[React] map 안에 map 사용하는방법

ex) 

export default function App() {

const employees = [

{id: 1, name: 'Alice', tasks: ['dev', 'test', 'ship']},

{id: 2, name: 'Bob', tasks: ['design', 'test']},

{id: 3, name: 'Carl', tasks: ['test']},

];

return (

<div>

{employees.map((employee, index) => {

return (

<div key={index}>

<h2>Name: {employee.name}</h2>

{employee.tasks.map((task, index) => {

return (

<div key={index}>

<h2>Task: {task}</h2>

</div>

);

})}

<hr />

</div>

);

})}

</div>

);

}

위 코드와 같이 작성하면 밑과같이 나오게 할수있다.