[React-Native] 리액트 네이티브 초기값 지정 생성자(constructor)

리액트의 생명주기 중 constructor 메서드가 있습니다.

 

이 메서드는 맨 처음 실행되는 메서드 입니다. 생성자라고도 부를 수 있습니다.

 

사용방법은 다음과 같습니다.

class Test extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }
  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

state에 값을 지정해서 사용합니다.

constructor(props) {
  super(props);
  this.date = new Date();
}

만약 이렇게 쓴다면 이또한 동작은 합니다만, 데이터 관리가 어려워지고 꼬여버릴 수 있습니다.

 

위와같이 state에 변수들을 선언한뒤 사용하시는 것을 추천합니다.