Material-UI 滑块未将名称道具暴露给 Formik

Posted

技术标签:

【中文标题】Material-UI 滑块未将名称道具暴露给 Formik【英文标题】:Material-UI slider not exposing name prop to Formik 【发布时间】:2020-06-21 07:26:48 【问题描述】:

我正在使用 react、formik 和 material-ui 来构建一个我正在尝试添加滑块的应用程序。出于某种原因,Material-UI 滑块组件似乎没有将名称 prop 暴露给 formik,这导致 formik 通过警告而不使用滑块中的值。警告说您已调用 handleChange 但未提供 ID 或名称

我创建了一个 CodeSandbox 来显示我遇到的问题。我设法在 GitHub 上找到了 1 个问题,但 Material UII 关闭了它,说他们没有修复它并且必须在用户空间中处理。

我想知道是否有其他人遇到过这个问题并设法解决它。

【问题讨论】:

【参考方案1】:

我想通了。将 onChange 属性从 onChange=handleChange 更改为 onChange=(event, value) => setFieldValue('slider', value)

【讨论】:

以上是关于Material-UI 滑块未将名称道具暴露给 Formik的主要内容,如果未能解决你的问题,请参考以下文章

移动视图图像上的滑块未显示

slider.goToNextSlide() 滑块未定义 bxSlider

Postgres 9.1 的 Docker 容器未将端口 5432 暴露给主机

引导滑块未在 iphone 6、移动设备上显示工具提示

Slick.js:滑动滑块未正确拖动(快速回到第一张幻灯片)

如何使用 Typescript 扩展 Material-UI 组件的道具?