有什么方法可以使React Material-UI单选按钮成为必需

Question

我是React JS的新手。目前，我正在使用Material-UI构建小型可重用组件。有什么方法可以使Material-UI单选按钮成为必需的吗？

就像一个输入字段，显示为空时显示“此字段必填”

Answer 1

您可以使用name属性，并将必需的属性添加到单选组件（将值更改为value属性）：

<RadioGroup name="nameRadio" value={''}>
    <FormControlLabel
          value={'value1'}
          control={<Radio required={true} />}
          label={'Label 1'}
        />
     <FormControlLabel
          value={'value2'}
          control={<Radio required={true} />}
          label={'Label 2'}
        />
  </RadioGroup>

Answer 2

假设您有多个单选按钮，则可以默认选择其中一个。 最后，单选按钮指示一个选择，用户必须选择其中一个。

如果您觉得不合适，可以进行自定义验证。