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"&nbsp;&nbsp; value={this.state.type} onChange={this.radioChange}>&nbsp; <FormControlLabel value="Sell" control={<Radio />} label="Sell" />&nbsp; <FormControlLabel value="Trade" control={<Radio />} label="Trade" />&nbsp; <FormControlLabel value="Other" control={<Radio />} label="Other" /></RadioGroup>