더북(TheBook)

6.4.1 state에 초기 데이터 담기

 

기존 상수에 담았던 배열을 컴포넌트의 state에 담았습니다.

IterationSample.js

import React, { Component } from ‘react’;

class IterationSample extends Component {

  state = {
    names: [눈사람, 얼음, , 바람]
  };

  render() {
    const nameList = this.state.names.map(
      (name, index) => (<li key={index}>{name}</li>)
    );

    return (
      <ul>
        {nameList}
      </ul>
    );
  }
}

export default IterationSample;

 

데이터 위치만 바꿨을 뿐, 아직까지 웹 브라우저에서는 이전과 다른 것이 없습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.