Javascript 如何使radioButton的行为类似于真正的输入按钮？

在这篇文章中，OP质疑了“”一词

您可以在上面的链接中看到完整的代码，但缩短了一些内容：他在示例中使用了与此关联的带有

onChange

属性的radio类型输入。handleChange作为一个函数来更改其状态等。答案告诉我们输入元素：

需要通过使用

name

属性告知输入按钮它们属于此代码的同一组。例如：

{
返回(
{props.label}
)
};

它工作得很好，但我不会渲染收音机类型的输入或类似的东西，只渲染内部带有动画SVG的div元素。

我希望它的行为类似于输入收音机，只有一个选项可供选择。有没有一种方法可以使用代码来“模拟”这一点？ 提前谢谢

const RadioButton = (props) => {

  return (
    <div 
      type="radio"
      id={props.name}
      name={props.name}
      onChange={props.onChange}
      value={props.value}
      className="radioButton">
        <UseAnimations
          size={24}
          animation={radioButton}
        />
        <span>{props.label}</span>
    </div>
  )
};