如何多次使用Formik的handleChange改变同一个值？

Question

我使用 Material-UI 和 Formik。我希望两个输入字段可以编辑单个值。在这种情况下，有一个 TextField 和一个 Slider，这两个输入都应该允许更改 perdiod 的值。当我为两个输入字段提供相同的 ID 时，我收到以下错误消息，这是我意料之中的：Formik cannot determine which value to update

但是有没有办法用 Formik 做到这一点，或者我是否需要编写自定义 handleChange 函数？

const formik = useFormik({
    initialValues: {
      period: 5,
    },

<OutlinedInput
 id="period"
 name="period"
 type="period"
 onChange={formik.handleChange}
 value={formik.values.period}
/>


<Slider 
  value={formik.values.period}
  aria-label="Default" 
  min={0}
  max={20}
  id="period"
  onChange={formik.handleChange}
/>

Answer 1

不要给他们相同的 id , 但给他们一个相同的名字

如何多次使用Formik的handleChange改变同一个值？

How to use Formik's handleChange multiple times to change the same value?

javascript

reactjs

material-ui

formik