BearCola
4/17/2019 - 7:34 AM

React 배열 렌더링 (Array rendering)


class IterationSample extends React.Component {

  state = {
    names: ['눈사람', '얼음', '눈', '바람']
  };
  
  
  render() {
 
    const nameList = this.state.names.map(
      (name, index) => (<li key={index}>{name}</li>)
    );
    
    return (
      <ul>
        {nameList}
      </ul>
    );
  }
}

ReactDOM.render(<IterationSample />, document.getElementById('example'));