Ant-design: ์–‘์‹ ์ œ์ถœ ํ›„ ์ž๋™ ์™„์„ฑ ์ง€์šฐ๊ธฐ

์— ๋งŒ๋“  2016๋…„ 12์›” 03์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

์นœ์• ํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ,

Ant Design์€ ๋ฉ‹์ง„ UI ์‹œ์Šคํ…œ์ด๋ฉฐ ์šฐ๋ฆฌ๋Š” ์ง€๋‚œ ๋ช‡ ๋‹ฌ ๋™์•ˆ ์ด๋ฅผ ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์‚ฌ์šฉํ•ด ์™”์Šต๋‹ˆ๋‹ค.
์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋””์ž์ธํ•˜๊ณ  ๊ณต๊ฐœํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

--

์–‘์‹์„ ์ œ์ถœํ•œ ํ›„ ์ž๋™ ์™„์„ฑ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ง€์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋‹ค์Œ์„ ์‹œ๋„ํ–ˆ๋‹ค :

...
<AutoComplete ref='toField' />
...

// In a callback 
this.refs.toField.value = null;

ํ•˜์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ์‚ฌ ํ•ด์š”.

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

ref๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์„ฑ ์š”์†Œ ์ƒํƒœ๋ฅผ ์ œ์–ดํ•˜์ง€ ๋ง๊ณ  React ์ƒํƒœ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

http://facebook.github.io/react/docs/forms.html#controlled -components

http://codepen.io/afc163/pen/MbQXRV?editors=001

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

ref๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์„ฑ ์š”์†Œ ์ƒํƒœ๋ฅผ ์ œ์–ดํ•˜์ง€ ๋ง๊ณ  React ์ƒํƒœ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

http://facebook.github.io/react/docs/forms.html#controlled -components

http://codepen.io/afc163/pen/MbQXRV?editors=001

@afc163 ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ด ์Šค๋ ˆ๋“œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ ์—ด๊ณ  ์ด ์Šค๋ ˆ๋“œ์˜ ๊ด€๋ จ ๋Œ“๊ธ€์— ๋งํฌํ•˜์‹ญ์‹œ์˜ค.

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