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

【问题标题】：How to use Formik's handleChange multiple times to change the same value?如何多次使用Formik的handleChange来改变同一个值？
【发布时间】：2021-11-16 03:56:38
【问题描述】：

我使用 Material-UI 和 Formik。我希望两个输入字段可以编辑单个值。在这种情况下，有一个 TextField 和一个 Slider，这两个输入都应该允许更改 perdiod 的值。当我为两个输入字段提供相同的 id 时，我收到以下错误消息，这是我所预料的：Formik 无法确定要更新哪个值

但是有没有办法用 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}
/>

【问题讨论】：

标签： javascript reactjs material-ui formik

【解决方案1】：

不要给他们相同的 id ，但给他们相同的名字

【讨论】：