๐Ÿ‡Basic React Part 2 - on ์œผ๋กœ ์‹œ์ž‘ํ•˜๋Š” ์ด๋ฒคํŠธ ์—ฐ์Šต(2)

๐ŸŠinput ์— name ์†์„ฑ์ด ์žˆ๋Š” ์ด์œ , input ์—ฌ๋Ÿฌ๊ฐœ ์ปจํŠธ๋กคํ•˜๊ธฐ

ํ•˜๋‚˜์˜ ์ปดํฌ๋„ŒํŠธ์— input ์ด ์—ฌ๋Ÿฌ ๊ฐœ ์ผ ๋•Œ, ๊ฐ๊ฐ ๋ฉ”์„œ๋“œ๋ฅผ ๋งŒ๋“ค์–ด์„œ state ๋ฅผ ๊ด€๋ฆฌํ•˜๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ?

๋” ์‰ฝ๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค.

event ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์ธ๋ฐ, event.target.name ๊ฐ’์„ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.

onChange ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ์—์„œ event.target.name ์€ ํ•ด๋‹น ์ธํ’‹์˜ name ์„ ๊ฐ€๋ฆฌํ‚จ๋‹ค.


Written by@[DotoriMook]
ํ”„๋ก ํŠธ์—”๋“œ ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž ๋„ํ† ๋ฆฌ๋ฌต์˜ ๊ธฐ์ˆ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ ์ž…๋‹ˆ๋‹ค.

GitHubMediumTwitterFacebook