์น์ ํ๋ ์ปค๋ฎค๋ํฐ,
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
@afc163 ๊ฐ์ฌํฉ๋๋ค.
์ด ์ค๋ ๋๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ด๊ณ ์ด ์ค๋ ๋์ ๊ด๋ จ ๋๊ธ์ ๋งํฌํ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ref๋ฅผ ์ฌ์ฉํ์ฌ ๊ตฌ์ฑ ์์ ์ํ๋ฅผ ์ ์ดํ์ง ๋ง๊ณ React ์ํ๋ฅผ ์ฌ์ฉํ์ญ์์ค.
http://facebook.github.io/react/docs/forms.html#controlled -components
http://codepen.io/afc163/pen/MbQXRV?editors=001