Ant-design: Clear Autocomplete after form submit

Created on 3 Dec 2016  ·  3Comments  ·  Source: ant-design/ant-design

Dear Community,

Ant Design is an awesome ui system and we've been using it extensively for the past few months.
Thank you for designing and open sourcing this lib.

--

I need to clear the AutoComplete component after the form has been submitted.

I have tried to do the following : 

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

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

But it isn't working. How can this be done ?

Thanks.

picture shivekkhurana
👍1

Most helpful comment

Do not use ref to control component state, use React state.

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

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

picture afc163 on 4 Dec 2016
👍3

All 3 comments

Do not use ref to control component state, use React state.

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

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

afc163 picture afc163 on 4 Dec 2016
👍3

@afc163 Thank you.

shivekkhurana picture shivekkhurana on 4 Dec 2016

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

lock[bot] picture lock[bot] on 3 May 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

tianyacsdn picture tianyacsdn  ·  3Comments
xtznhzxdev picture xtznhzxdev  ·  3Comments
lifeneedspassion picture lifeneedspassion  ·  3Comments
mineralres picture mineralres  ·  3Comments
taikongfeizhu picture taikongfeizhu  ·  3Comments