This is the output...
在这里我想使用单选按钮,但我不能选择它,有人能告诉我我面临的问题,这将是很大的帮助。
const [value, setValue] = React.useState({
yes:"",
no:"",
idk:"",
});
const handleChange=(e)=>{
const{name:key,value} =e.target;
if(key==="yes") setValue({...value,yes:value});
else if(key==="no") setValue({...value,no:value});
else if(key==="idk") setValue({...value,idk:value});
else setValue({...DonutLargeSharp,[key]:""});
}
这是我的返回码,能有人帮我解释一下也将不胜感激。
<FormControl>
<RadioGroup
aria-labelledby="demo-controlled-radio-buttons-group"
name="controlled-radio-buttons-group"
value={value}
onChange={handleChange}>
<FormControlLabel
value="yes"
name="Yes"
control={<Radio onChange={handleChange}/>}
label="Yes"/>
<FormControlLabel
value="no"
name="no"
control={<Radio onChange={handleChange} />}
label="No"/>
<FormControlLabel
value="idk"
name="idk"
control={<Radio onChange={handleChange} />}
label="I do not know"/>
</RadioGroup>
</FormControl>
在这里我想选择单选按钮,但idk为什么我不能这样做,也许我不好的React(特别是编程)
1条答案
按热度按时间ljsrvy3e1#
把你的使用状态复杂化是没有用的。
只需执行以下操作:
结果: