React : state 값 선언, 두가지 예시 constructor
react에서 state 값을 선언할때 두가지 예시로 선언이 가능하다.
방법 1. state = {key : value} 선언
class Component extends React.Component{
state = {count : 0} //state 선언
render() {
return (
<div>
<h1>
{this.props.message} massage 데이터 입니다.
</h1>
//state 사용
<p>{this.state.count}</p> state 사용
</div>
)
}
}
이 방법이 쉽지만 때론 다른 방법을 사용해야 하는 상황이 오기도 한다.
방법2. constructor(props) 사용
class Component extends React.Component{
constructor(props) { // 생성자 함수 선언
super(props); // 문법상 super(props)를 선언
this.state = { count: 0 }; //state 선언
}
render() {
return (
<div>
<h1>
{this.props.message} massage 데이터 입니다.
</h1>
//state 사용
<p>{this.state.count}</p> state 사용
</div>
)
}
}
문법이 어렵다면 그냥 외우는걸 추천합니다!
기존 값을 넣어주는 state가 직관적이라 사용하기 편리해보이지만
때론 constructor을 사용할때도 있기때문에 두개 모두 알아두자!
Author And Source
이 문제에 관하여(React : state 값 선언, 두가지 예시 constructor), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@whdms3368/React-기본기-익히기-state-값-선언-두가지-예시-constructor저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)