State Lifting ๐Ÿš€

HSKwonยท2022๋…„ 5์›” 27์ผ
0

State Lifting (์Šคํ…Œ์ดํŠธ ๋Œ์–ด์˜ฌ๋ฆฌ๊ธฐ)

ํ˜•์ œ๊ฐ„ ์–ด๋–ป๊ฒŒ ์ค„ ์ˆ˜ ์žˆ์„๊ฒƒ์ธ๊ฐ€โ€ฆ?
ํ˜•์ œ ๋ผ๋ฆฌ๋Š” props๊ฐ€ ์•ˆ๋จนํž˜ โŒ
์ž์‹์ด ๋ถ€๋ชจ์—๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ๋ชป๋„˜๊น€โŒ
๋ถ€๋ชจ๊ฐ€ ์ž์‹์—๊ฒŒ๋งŒ ์ค„ ์ˆ˜ ์žˆ๋Š”๊ฒŒ props์ž„(๋‹จ๋ฐฉํ–ฅ, ์œ„์—์„œ ์•„๋ž˜๋กœ)

์ž์‹์ปดํฌ๋„ŒํŠธ1๊ณผ 2๊ฐ€ ํ”„๋กญ์Šค๋ฅผ ๋‚˜๋ˆ ๊ฐ€์ง€๋Š” ๋ฐฉ๋ฒ•?๐Ÿค”

์ž์‹1์ด ๊ฐ€์ง€๊ณ  ์žˆ๋˜ state๋ฅผ ์ง€์šฐ๊ณ  ๋ถ€๋ชจ์ปดํฌ๋„ŒํŠธ์— state๋ฅผ ์ ์–ด์ค˜์„œ(State Liftingํ•˜๊ณ ) ๋ถ€๋ชจ๋กœ๋ถ€ํ„ฐ ์ž์‹1,2์—๊ฒŒ props ํ•ด์„œ ๋„˜๊ฒจ์ฃผ๋ฉด ๋œ๋‹ค.

data, refetch๊ฐ€ ์ž์‹1, ์ž์‹2์— ์žˆ๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ ๋ถ€๋ชจ์—๊ฒŒ๋กœ data,refetch๋ฅผ ๋Œ์–ด์˜ฌ๋ ค์„œ ์จ์ฃผ๊ณ  ํ•„์š”ํ•œ ์ž์‹์—๊ฒŒ props ํ•ด์ค˜์„œ ์“ฐ๊ฒŒ ํ•˜๋Š”๊ฒƒ!!

profile
๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ด๋‚˜ ๊ด€์‹ฌ ์žˆ๋Š” ์ •๋ณด๋ฅผ ๊ธ€๋กœ ์ •๋ฆฌํ•˜๋ฉฐ ์ต์ˆ™ํ•˜๊ฒŒ ๋งŒ๋“ค๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€