React, state가 object/array 인 경우 변경

박지윤·2024년 6월 11일
post-thumbnail

![](https://velog.velcdn.com/images/looljoon/post/1a28cc62-067a-4cee-af61-c51b149d52f4/image.png)

💡 버튼 클릭 시 name 값을 kim → park으로, age값에 +100 을 더하려고 한다면 어떻게 해야할까 ? **

1) name 값 kim → park으로 변경


위와같이 state를 직접 수정해도 된다.


2) age 값에 +100 더하기

마무리로 함수들 export 해주기.

3) cart.js

export한 함수가 쓰이는 페이지에서 import 해준다.

💡 변경 사항이 여러개일때

age 값에 10 또는 100 또는 그이상으로 더하는 기능을 만들고자 할때,
state 변경함수의 두번째 파라미터를 작명하고
increase(10)
increase(200)
이런식으로 파라미터를 입력하여 함수사용을 할수있으며 파라미터 자리에 넣은 자료들은 a.payload를 하면 나온다.
이때, a 대신 보통 action으로 작명을 많이 한다.

payload의 의미가 화물이라는 뜻으로
a.payload > 화물 보낸 출력문법으로 생각하면 쉽다.
action 이란 모든 state변경 함수를 뜻한다.

0개의 댓글