Material-ui: [SelectField] "onChange" ์ด๋ฒคํŠธ๊ฐ€ ์ถฉ๋ถ„ํ•œ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์ „๋‹ฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2015๋…„ 07์›” 17์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

SelectField ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ "onChange" ์ฝœ๋ฐฑ์€ ์ด๋ฒคํŠธ ๊ฐœ์ฒด๋ฅผ ํ†ตํ•ด์„œ๋งŒ ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค.
์–ด๋–ค ํ•ญ๋ชฉ์ด ์„ ํƒ๋˜์—ˆ๋Š”์ง€ ์•„๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์€ select-field.jsx์˜ ์†Œ์Šค ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.

onChange(e, ์ธ๋ฑ์Šค, ํŽ˜์ด๋กœ๋“œ) {
if (ํŽ˜์ด๋กœ๋“œ) {
e.target.value = ํŽ˜์ด๋กœ๋“œ[this.props.valueMember] || ์œ ํšจ ํƒ‘์žฌ๋Ÿ‰;
}
if (this.props.onChange) {
this.props.onChange(e);
}
}

onChange์— "์ƒ‰์ธ"์„ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์„ ์žŠ์–ด ๋ฒ„๋ ค์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

onchange์—์„œ ๋” ๋งŽ์€ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ๊ตฌ๋ฌธ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๋ชจ๋“  3 ๋Œ“๊ธ€

event.target.value ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. https://facebook.github.io/react/docs/forms.html์„ ์ฐธ์กฐํ•˜์„ธ์š”.

#1194๋กœ ์ˆ˜์ •๋จ

onchange์—์„œ ๋” ๋งŽ์€ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ๊ตฌ๋ฌธ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰