Develop/React.js
[React] props ๋์ Context API ์ฐ๊ธฐ
props ๋์ ํ ์ ์๋ ๊ฒ์? props ์ซ์ผ๋ฉด ์ธ ์ ์๋๊ฒ Context API(๋ฆฌ์กํธ ๊ธฐ๋ณธ๋ฌธ๋ฒ) ๊ณผ Redux(์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ) ๊ฐ ์๋ค. Context API๋ ์ค๋ฌด์์๋ ์ ์ฐ๋ ํธ์ ์๋๋ผ๊ณ ํจ. ์ฐธ๊ณ ๋ก ์์๊ฐ์. ์ธ์ ์ฐ๋๊ฐ? ๋ถ๋ชจ ์ปดํฌ๋ํธ์ ์๋ state ๋ฅผ ์์ ์ปดํฌ๋ํธ์์ ์ฐ๊ณ ์ถ์ผ๋ฉด props ๋ฅผ ์ผ์๋ค ๊ทผ๋ฐ ์์์ ์์์ ์์์.... ์์์ ์ปดํฌ๋ํธ์๊ฒ props๋ฅผ ์ ์กํ๊ณ ์ถ๋ค๋ฉด ์์ฑํ๊ธฐ ํ๋ค ๊ฒ์ด๋ค. ๊ทธ๋ฐ ์๋ฏธ๋ก ์ฐ๋ ๊ฒ Context API ์ด๋ค. ๋จผ์ ๋ถ๋ชจ ์ปดํฌ๋ํธ์ ๋ค์๊ณผ ๊ฐ์ด ์์ฑํ๋ค. export let Context1 = React.createContext(); function App(){ let [์ฌ๊ณ , ์ฌ๊ณ ๋ณ๊ฒฝ] = useState([10,11,12]); (..