-
[React.js] ํจ์ํ ์
๋ฐ์ดํธ์ ์ง์ ์ฐธ์กฐ ์
๋ฐ์ดํธ
ํจ์ํ ์
๋ฐ์ดํธ์ ์ง์ ์ฐธ์กฐ ์
๋ฐ์ดํธ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ ์ํ(Status)๋ฅผ ์
๋ฐ์ดํธํ ๋, ํจ์ํ ์
๋ฐ์ดํธ ๋ฐฉ๋ฒ๊ณผ ์ง์ ์ฐธ์กฐ ์
๋ฐ์ดํธ ๋ฐฉ๋ฒ์ ์ฐจ์ด์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. ํจ์ํ ์
๋ฐ์ดํธ(Functional Update)setPosts((prevPosts) => [postData, ...prevPosts])์ํ ์
๋ฐ์ดํธ๊ฐ ์ด์ ์ํ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ด๋ฃจ์ด์ง๋ค.ํจ์ํ ์
๋ฐ์ดํธ๋ฅผ ์ฌ์ฉํ ๊ฒฝ์ฐ, ๋ค์๊ณผ ๊ฐ์ ์ฅ์ ์ด ์๋ค.์ฅ์ ์ค๋ช
์์ ์ฑ- ๋ฆฌ์กํธ์ ์ํ ์
๋ฐ์ดํธ๋ ๋น๋๊ธฐ์ ์ผ๋ก ์ด๋ฃจ์ด์ง๊ธฐ ๋๋ฌธ์, ์ฌ๋ฌ ์ํ ์
๋ฐ์ดํธ๊ฐ ๋์์ ๋ฐ์ํ ์ ์๋ค.- ์ด๋, ํจ์ํ ์
๋ฐ์ดํธ ํํ๋ฅผ ์ฌ์ฉํ๋ฉด ์ต์ ์ํ ๊ฐ์ ๋ณด์ฅํ ์ ์๋ค.- @prevPosts@๋ ํญ์ ํ์ฌ ์ํ์ ์ต์ ์ค๋
์ท์ ์ ๊ณตํ๋ค.๋์์ฑ ์ฒ๋ฆฌ- ์ํ ์
๋ฐ์ด..
2024.08.22