React 3강 - button, state 변경

공영재·2021년 7월 4일
0

react

목록 보기
3/3

좋아요 버튼 만드려면 -> span & onClick

이때 '0'은 계속 바뀌는 데이터 -> state로 저장

state는 그냥 변경 불가 - 변경 함수 사용!

let [좋아요, 좋아요변경] = useState(0);
<span onClick = { () = {좋아요변경(좋아요+1)} }>👍<./span>

function 버튼역할() {
}
<button onClick = { 버튼역할 }버튼이름<./button>

원본 state는 수정 불가 !!! 그럼 일부만 바꾸려면 어떻게?

-> 1. state를 deepcopy해서! 복사본을 만들어서 수정 - how? : var newArray = [...복사하고자 하는 array]
-> 2. newArray = ~~ 이렇게 수정사항 반영
-> 3. state 변경함수를 통해 변경 ( state변경(newArray) )

profile
Web / Computer Vision

0개의 댓글