Props and State
component ์ฆ Element๋ pure function์ด๊ธฐ ๋๋ฌธ์ ๊ฐ์ด ์์ ๋์ง ์๋๋ค. ์ฆ, ์ธ๋ถ์ ์ํฅ์ ์ฃผ์ง ์์ ๋ถ์ํจ๊ณผ๊ฐ ์๋ ํจ์๋ผ์
// pure function์ด ์๋ ์ด์ ๋ ์ธ๋ถ์ ์ํฅ์ ์ฃผ๊ธฐ ๋๋ฌธ์ ์ด๋ ๋ถ์ํจ๊ณผ๋ผ ํจ
const obj = {key: 1}
function change (value: number) {
obj.key = value
}
// pure function์ ์ธ๋ถ์ ์ํฅ์ ์ฃผ์ง ์๊ณ ์ฃผ์ด์ง ๊ฐ์ผ๋ก ๊ณ์ฐํ์ฌ ์์๋๋ ๊ฒฐ๊ณผ ๊ฐ์ ์ ๊ณต
function add (a:number, b:number):number {
return a + b;
}
๊ทธ๋์ state๊ฐ ๋น๋๊ธฐ์ ์ผ๋ก ์คํ๋๋ ์ด์ ๋ ๋๋๋ง์ด ์๋ฃ๋ ํ์ ๊ฐ์ ๊ฐฑ์ ํจ์ผ๋ก์จ ๋ถํ์ํ ๋๋๋ง์ ๋ฐฉ์งํ๋ฉฐ react element๋ immutableํ๊ธฐ ๋๋ฌธ์ element๊ฐ ์์ฑ๋ ํ์๋ children, props๋ฅผ ์์ ํ ์ ์๋ค.
Last updated