MUI 单选按钮组返回字符串，尽管它提供了布尔值

Posted 2023-02-21

【中文标题】MUI 单选按钮组返回字符串，尽管它提供了布尔值

【英文标题】：MUI Radio button group returning strings despite providing it with boolean values

【发布时间】：2021-12-28 19:48:05

【问题描述】：

我正在使用 RHF V7、MUI V5 构建一个表单，并使用 yup 验证其数据。我面临的问题是单选按钮组返回一个“真”或“假”字符串，尽管它提供了一个布尔值true 或false。

此外，我通过onChange=() => console.log(typeof item.value) 测试单选按钮的值，它每次都记录Boolean，当我记录表单数据时，我得到Radio: "true"。

这是工作示例：https://codesandbox.io/s/rhf-v7-radio-casting-string-wiou8

有什么想法吗？

【问题讨论】：

如果您阅读了 api 文档 mui.com/api/radio-group。值表示“所选单选按钮的值。 DOM API 将其转换为字符串。'

【参考方案1】：

谢谢@Richard。此外，经过进一步调查，根据设计，输入值将按照MDM web Docs 转换为字符串。

值：DOMString 表示单选按钮的值。

因此，很可能这就是上面的示例返回字符串的原因。