Formik 和反应自动完成

Question

我正在寻找连接两个库的方法：react-autocomplete and formik。但是，我找不到办法。

请给我一些提示。

Answer 1

您可以使用 Formik 提供的setFieldValue。

<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)}
/>

示例代码：https://codesandbox.io/s/n0y93104qp

Formik 和反应自动完成

Formik and react-autocomplete

reactjs

formik