REACT_배열 mapping & key

import React, {Component} from 'react';

class IterationSample extends Component{
  render(){
    const names = ['123', '345','567']
    const nameList = names.map(
      (name, index) => (<li key={index}>{name}</li>)
    )
    return (
      <ul>
        {nameList}
      </ul>
    )
  }
}
export default IterationSample;

react에서는 배열을 나열할 때는 반드시 고유key를 정해줘야한다.

보통 key 값으로 index를 자주 사용한다.