Material UI - 无线电不会评估我的状态

Question

我是全栈开发新手，我正在尝试编写一些代码来更好地理解 React JS 和 Material UI 的前端。我编写了一个对话框来将帖子发送到后端，并尝试使用一些无线电来选择每个值，但它们没有正确评估。我是新手，所以请耐心等待，我向您展示我的代码：class NewAdv extends Component {    state = {        open:false,        type:'Sell',        body:'',        errors:{}    };       radioChange = (event) => {        this.setState({type: event.target.value});        console.log(this.state.type)      };render() {       return (           <RadioGroup aria-label="Type" name="type" color="primary" value={this.state.type} onChange={this.radioChange}>                                    <FormControlLabel type="Sell" control={<Radio />} label="Sell" />                                    <FormControlLabel type="Trade" control={<Radio />} label="Trade" />                                    <FormControlLabel type="Other" control={<Radio />} label="Other" />                                </RadioGroup>    )}我能怎么做？

Answer 1

您正在从目标中获取价值，但您的目标并未定义该价值。

在 FormControlLabel 上，将类型与值交换

做这个

<RadioGroup aria-label="Type" name="type" color="primary" 

  value={this.state.type} onChange={this.radioChange}>

  <FormControlLabel value="Sell" control={<Radio />} label="Sell" />

  <FormControlLabel value="Trade" control={<Radio />} label="Trade" />

  <FormControlLabel value="Other" control={<Radio />} label="Other" />

</RadioGroup>