onClick ={ํ•จ์ˆ˜}

ยท React
์ข‹์•„์š” ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์˜†์— ์žˆ๋Š” ์ˆ˜๊ฐ€ +1 ๋˜๊ฒŒ ๋งŒ๋“ค์–ด๋ณผ๊ฑฐ์˜ˆ์š” ์ข‹์•„์š” ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ function App(){ let [๋”ฐ๋ด‰] = useState(0); return ( { ๊ธ€์ œ๋ชฉ[0] }๐Ÿ‘๐Ÿป{๋”ฐ๋ด‰} ) } useState()์“ฐ๊ณ  ์™ผ์ชฝ์— let [] ์œผ๋กœ ์ž‘๋ช…๋งŒ ์ž˜ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค ์›๋ž˜ let [] ์•ˆ์— ๋ณ€์ˆ˜๋ฅผ ๋‘๊ฐœ ์“ฐ๋Š”๋ฐ, ์ผ๋‹จ 1๊ฐœ๋งŒ ํ• ๊ฒŒ์š” onClick ์‚ฌ์šฉ๋ฒ• ์šฐ๋ฆฌ๊ฐ€ ์›ํ•˜๋Š” ๊ฑด ๋ฒ„ํŠผ์ด ๊ทธ๋Œ€๋กœ ์žˆ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅผ๋•Œ, state ๊ฐ€ 1์”ฉ ์ฆ๊ฐ€ํ•˜๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค ๋จผ์ € html ํŒŒ์ผ์—์„œ onclick ์‚ฌ์šฉ๋ฒ•์€ ? JSX์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. {}๋ฅผ ์จ์„œ ๋„ฃ์–ด์คฌ์–ด์š” {์‹คํ–‰ํ• ์ฝ”๋“œ} }> ๊ทผ๋ฐ ํ•จ์ˆ˜๋งŒ๋“œ๋Š”๊ฒŒ ๊ท€์ฐฎ์œผ๋ฉด ํ•จ์ˆ˜๋ฅผ ๊ทธ ์ž๋ฆฌ์— ์ง์ ‘๋งŒ๋“ค์–ด๋ฒ„๋ ค๋„ ๋ฉ๋‹ˆ๋‹ค. ํ•จ์ˆ˜๋ฅผ ์žฌ์‚ฌ์šฉํ• ๊ฒŒ ์•„๋‹ˆ๋ผ๋ฉด ๊ตณ์ด ์ž‘๋ช…์„ ์•ˆํ•ด๋„ ๋ฉ๋‹ˆ..
becky(์ง€์€)
'onClick ={ํ•จ์ˆ˜}' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก