프로그래머가 되는 꿈

Zustand (4) 본문

프론트엔드 (Front-end)/React

Zustand (4)

AI박사 2026. 1. 27. 15:09

변수(count 등) 뿐만 아니라 함수도 store에 저장할 수 있다!!

 

 

 

 

이제 increase 버튼을 누르면 count의 값(숫자) 증가하는 것을 만들어 보고자 한다.

 

 

 

 

increase : 값을 증가시키는 함수

 

store의 값(ex.count)를 증가, 즉 변화(변경)시킬 때 쓸 수 있는 함수 = set() [함수]

increase~set~state-counterStore에 저장되어있는 모든 state값(을 주게된다.)

state.count = 현재 있는 state값---에 +1을 해주겠다.

 

 

increase 버튼을 누를때마다 1씩 증가한다!!

 

[정리]

이제 부모 자식 관계 신경 안써도 되고 state에 넣어서 가지고오면 되니까 너무 편하다~

props를 길게쓰고 고생할 필요 X (but props가 필요없는건 아님!)

 

'프론트엔드 (Front-end) > React' 카테고리의 다른 글

리액트 쿼리 (1)  (1) 2026.01.31
Zustand (5)  (0) 2026.01.27
Zustand (3)  (0) 2026.01.27
Zustand (2)  (0) 2026.01.27
Zustand (1)  (0) 2026.01.27