Formik和React-自动完成

时间:2019-02-05 14:59:54

标签: reactjs formik

我正在寻找一种连接两个库的方法:react-autocompleteformik。但是,我找不到办法。

请给我一些提示。

1 个答案:

答案 0 :(得分: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