Skip to content

Qvil Blog

Github

[React.js] state선언을 constructor에서 하는 것과 property로 하는 것의 차이(Difference to define state in constructor or using property)

— javascript, react.js, state-define — 1 min read

예제(Example)

1// Code goes here
2class First {
3  state = {
4    value: true,
5  };
6}
7
8class Second {
9  constructor() {
10    this.state = {
11      value: true,
12    };
13  }
14}

Babel로 변환(Compile using babel)

1// Code goes here
2class First {
3  constructor() {
4    this.state = {
5      value: true,
6    };
7  }
8}
9
10class Second {
11  constructor() {
12    this.state = {
13      value: true,
14    };
15  }
16}

결론(Conclusion)

state선언을 constructor에서 선언하는 것과 class property로 선언하는 것은 같다.

참고(Reference)

example-babel