reactjs - Formik 和 react 自动完成

Question

我正在寻找一种连接两个库的方法:react-autocomplete和 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