javascript 为什么我不能选择我的单选按钮什么错误我面临?

ne5o7dgx  于 2023-01-04  发布在  Java
关注(0)|答案(1)|浏览(149)

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(特别是编程)

ljsrvy3e

ljsrvy3e1#

把你的使用状态复杂化是没有用的。
只需执行以下操作:

const [value, setValue] = React.useState('');

  const handleChange = (e) => setValue(e.target.value)
   

 <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>

结果:

相关问题