React

데이터는? 

1.변수에넣는다.

2.State에넣는다.

 

2번째경우인 State에 대해서 알아봅시다

 

State  : 변수대신 쓰는 데이터 저장공간 ,useState()를 이용해 만들어야함

state 만드는법

• {useState} 상단에 첨부
• useState(데이터) 
• [변수,변경해주는함수] = useState // 구조분해할당
• 변경해주는 함수가 실행되면 변수는계속업데이트되서 저장됨

State 사용 이유

웹이 APP처럼 동작하게 만들고싶을때 사용 

HTML이 자동으로 재렌더링된다.

 

State 변경방법

state는 그냥 변경이 안된다.

변경함수를 통하여 바꿔준다. 

 

Array,object 데이터 수정방법 

일단 변경함수를 써야한다.

-변경함수 (대체할 데이터)

state는 건들이면안된다. => 복사본을 뜨자. deep copy : spread문법 [...글제목]

이벤트

 

onClick = {클릭될때 실행하는 함수}

onClcik = {() => {실행할 내용}} // 익명함수