跳到主要内容跳到主要内容

RadioGroupAPI

React RadioGroup 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。

演示

导入

import RadioGroup from '@mui/material/RadioGroup';
// or
import { RadioGroup } from '@mui/material';

通过阅读这份关于最小化 bundle size 的指南,了解它们之间的区别。

Props

FormGroup 组件的 Props 也可用。

名称类型描述
childrennode

组件的内容。

defaultValueany

默认值。当组件不受控制时使用。

namestring

用于引用控件值的名称。如果您不提供此 prop,它将回退到随机生成的名称。

onChangefunc

当单选按钮被选中时触发的回调。

签名:function(event: React.ChangeEvent, value: string) => void
  • event 回调的事件源。
  • value 选中的单选按钮的值。您可以通过访问 event.target.value (字符串) 拉取新值。
valueany

选中单选按钮的值。DOM API 将其强制转换为字符串。

ref 被转发到根元素。

继承

虽然上面没有明确记录,但 FormGroup 组件的 props 也可在 RadioGroup 中使用。您可以利用这一点来定位嵌套组件

CSS 类

这些类名对于使用 CSS 设置样式很有用。当触发特定状态时,它们将应用于组件的插槽。

类名规则名描述
.Mui-error如果 error={true},则应用于根元素的状态类。
.MuiRadioGroup-rootroot应用于根元素的样式。
.MuiRadioGroup-rowrow如果 row={true},则应用于根元素的样式。

您可以使用以下自定义选项之一覆盖组件的样式

源代码

如果您在此页面中找不到所需的信息,请考虑查看组件的实现以获取更多详细信息。