[React] 비구조화 할당

비구조화 할당

뜻이 이해가 되지 않았지만 코드를 사용해보니 이해가 됐던 '비구조화 할당' .
구조화 되어 있는걸 파괴 함으로써 간소화 시켜줍니다.

말보단 코드로 !!

버튼을 클릭시 state에 count를 +1 하는 코드입니다.

코드를 보면 일일히 state에 접근하기 위해서

this.state

를 계속적으로 사용하고 있는데 아래처럼 비구조화 할당 해주면 ???

8번째줄 render아래 비구조화 할당해주고 ,12번째 , 15번째를 'count'만 입력해도 this.state에 접근하게 해줘 코드를 줄일수 있습니다 . 👍

아래는 결과창 😎

보너스 응용!! 🤜

input에 입력값을 value로 저장하며 아래에 출력

코드

결과창