1. List

: 목록, 배열

2. Key

: 각 객체나 아이템을 구분할 수 있는 고유한 값

리액트에서 key는,

아이템들을 구분하기 위한 고유한 문자열!

map()

: 최종 결과를 배열로 만들어서 리턴

const doubled = numbers.map(number => number * 2);

function NumberList(props) {
  const {numbers} = props;
  const listItems = numbers.map(number => {
    return <li>{number}</li>
  })

  return (
    <ul>{listItems}</ul>
  )
}

const numbers = [1,2,3,4,5];

React.render(
  <NumberList numbers={numbers} />,
  document.getElementById('root')
)

⇒ 그런데! 이렇게하면 warning이 뜸!

왜냐하면 map()함수 안에 있는 Elements는 꼭 key가 필요하기 때문

key값 정하는 방법

1. id값 사용하기

2. index값 사용하기

⇒ 단. 아이템들의 고유한 id가 없을 경우에만 사용할것