Topic: Clear input on Autocomplete

carolina123 free asked 3 years ago

Expected behavior Autocomplete component could be cleared (from a method)

Actual behavior Autocomplete component can not be cleared (could only be cleared with the x on the input)

Resources (screenshots, code snippets etc.) Hello! Im using the Autocomplete in one of my components.. Im using it like this


And When I submit the form that has this Autocomplete input and some other inputs, I want to clear all the values from that inputs calling this method onSubmit..

addNewValue = newValue => {
    // call api with new value
    onAdd(newValue );
   // clear all inputs.. state? refs?

I tried using refs, or passing a value from the state and updating that value but with no luck. The only way in wich the Autocomplete input is being cleared is when clicking on the x inside the input. I didnt find more info about this on the documentation..

Do you know a way to achieve what I need?

Thanks in advance!!

Piotr Glejzer staff answered 3 years ago

Dear carolina123,

Autocomplete is a premium component, and according to our system, you use MDB Free version.

Please, provide us a number o your order or registered email to confirm your access to MDB Pro components and premium support. If you are a Pro user we will add you a badge to your profile.

Send it to me on email: or in the private message.


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.8.6
  • Device: Computer
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No