[리액트] this.state 귀찮을땐 구조분해

리액트를 클래스형 컴포넌트로 사용하게되면 계속 this.state를 써줘야하는 불편함이 있다.
이를 구조분해문법으로 해결할 수 있다.

기존코드

//기존
return (
    <>
		<h1>{this.state.value}</h1>
    	<h1>{this.state.answer}</h1>
	</>
)

구조분해문법사용 코드

//구조분해문법사용
const { value, answer } = this.state;
return (
    <>
		<h1>{value}</h1>
        <h1>{answer}</h1>
	</>
)

참고

• 제로초 리액트 무료강좌(웹게임)