Resetting input field

[oyeanuj]

Hey @alex-cory, thanks for creating this excellent library! One small issue while using this library: there doesn't seem to be an easy way to reset the state or the input, since the only way for change is an onChange that requires an event passed in.

Any ideas on how that might be achieved?

[iamthesiz]

try this and let me know if it works.

const App = () => {
  const { email, bind } = useEmailAutocomplete()
  const rerender = useReducer(() => ({}), [])[1]
  
  const onSubmit = () => {
    // your logic
    email.address = '' // will reset it, but will not trigger a rerender
	// depending if you are updating state after this for anything,
	// you might not need this rerender(). I know it's a little hacky, but it should work
    rerender()
  }
  
  return <input {...bind} />
}

I don't think it would be too difficult to add a function like. I just think it might confuse people if it's not well documented.

const App = () => {
  const { email, setEmail, bind } = useEmailAutocomplete()

  const onSubmit = () => {
    // your logic
    setEmail('') // this does not exist
  }
  
  return <input {...bind} />
}

Do you have any suggestions for syntax?