Formik and react-autocomplete

Question

I'm looking for a way to connect two libraries: react-autocomplete and formik. However, I can not find a way.

Please, give me some tips.

Answer 1

You can make use of setFieldValue provided by Formik.

<Autocomplete
      getItemValue={(item) => item.label}
      items={[{ label: 'apple' }, { label: 'banana' }, { label: 'pear' }]}
      renderItem={(item, isHighlighted) => <div style={{ background: isHighlighted ? 'lightgray' : 'white' }}>{item.label}</div>}
      value={values.value}
      onChange={(e) => setFieldValue('value', e.target.value)}
      onSelect={(val) => setFieldValue('value', val)}
/>

Sample code: https://codesandbox.io/s/n0y93104qp