How to reset value for phone input

[GSolari79]

I would like to reset the value of the PhoneInput. Does anyone know how to do it?

Really appreciated.

[Valentinishe]

same problem) I want to create a controlled component

[rickerbh]

A hacky workaround, but if you provide a key prop to the component you can change it to force a new component to be created/mounted. It doesn't strictly reset the instance you have, but it gives the appearance of resetting.

[khushbuthakur]

this.phone.state.inputValue = "";
this.phone.state.formattedNumber = "";

This resets the phone number

[ncuthbert]

If you want to maintain the current dialling code on the input field, the following works for me:

1. I grab the ISO code from the input
2. Set the iso2 value to undefined
3. Call selectCountry with the saved ISO code

const ISOCode = this.phoneInput.getISOCode()
this.phoneInput.setState({ iso2: undefined }, () => {
  this.phoneInput.selectCountry(ISOCode)
})

[zuraizzafar]

If you are working with functional component you can use: phoneInput.current?.setState({number: 0})

[leira-sanchez]

If you are working with functional component you can use: phoneInput.current?.setState({number: 0})

setState does not seem to be defined in the type