728x90
๋ฐ˜์‘ํ˜•

useReducer 1
React] Hook : useReducer

useReducer ๋‹จ์ˆœํžˆ state ๊ฐ’์„ ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, state๋ฅผ ๋ฐ”๊พธ๊ธฐ ์œ„ํ•œ ๋กœ์ง, ํ•จ์ˆ˜ ๋“ฑ์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ, ์ด๋Ÿด ๋•Œ useReducer๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ด€๋ฆฌ์— ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค. ๊ฐ„๋‹จํžˆ ๋งํ•ด state๋ฅผ ๋ฐ”๊พธ๊ธฐ ์œ„ํ•œ ์—ฌ๋Ÿฌ ํ•จ์ˆ˜๋“ค์„ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด์„œ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋ณด๋ฉด ๋ฉ๋‹ˆ๋‹ค. const [state, dispatch] = useReducer(reducer, initialState); ํ•˜๋‚˜์˜ state์— dispatch๋ฅผ ํ†ตํ•ด ๊ฐ’์„ ๋ณ€ํ™˜ํ•ด ์ค๋‹ˆ๋‹ค. (dispatch๊ฐ€ setState์—ญํ• ์„ ํ•œ๋‹ค๊ณ  ๋ณด๋ฉด ๋  ๋“ฏ์‹ถ์Šต๋‹ˆ๋‹ค.) state : ์ปดํฌ๋„ŒํŠธ์—์„œ์˜ state dispatch: action์„ ๋ฐœ์ƒํ•˜๋Š” ํ•จ์ˆ˜ (setState์™€ ๋น„์Šท) reducer : reducer ์ •์˜ initialState : ์ดˆ๊ธฐ..
Front-End/React 2023.06.22
1
๋”๋ณด๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”