text React배열렌더링（数组渲染）

Posted 2021-04-29

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'));