Javascript 如何正确键入React输入切换值，通过`onClick'返回什么`

如何键入React复选框的返回值以给出确切的联合类型。因此，如果我在主组件中重用Radio组件，并在其

onChange

方法中定义预期的属性类型，我应该如何在

RadioProps

中键入

onClick

在Main组件中，我只希望将union类型

CheckedType

传递给onChange方法，因此单选按钮的值类型应该灵活，并且必须知道，总是将值传递给其

onClick

属性

Flow会抱怨

…字符串[1]与字符串文字“Porsche”不兼容。或者…

类型检查类型=‘保时捷’|‘法拉利’|‘特斯拉’；
类Main扩展了React.Component{
onChange=（选中：CheckedType）{
...
}
render（）{
返回(
)
}
}

type-radiogroup-props={
...,
onChange:string=>void
}
常量射线组=（道具：射线组道具）=>{
返回(
{children.maps（收音机=>{
返回反应。cloneElement（无线电{
...,
onClick:props.onChange
});
})}
)
}

type RadioProps={
...,
onClick:string=>void，
值：字符串
}
常量无线电=（道具：无线电道具）=>{
props.onClick（props.value）}
...
}

但无论是

onClick

还是

onChange

都不应返回值。“这个问题的意义对我来说不是很明显。”DzhakharUkhaev更新了RadioGroup组件。我希望这一点现在更为明显。是否严格要求放射组在儿童时期使用无线电组件？重构代码以使用字符串数组作为组的值并将Radio的渲染移到Radio组中可以吗？但是

onClick

和

onChange

都不应该返回值。“这个问题的意义对我来说不是很明显。”DzhakharUkhaev更新了RadioGroup组件。我希望这一点现在更为明显。是否严格要求放射组在儿童时期使用无线电组件？重构代码以使用字符串数组作为组的值，并将Radio的渲染移到RadioGroup中，可以吗？