我正在研究 React 应用程序中的无线电提交方法。
handleSelect = e => {
const key = e.target.name;
const value = e.target.id;
this.setState({ [key]: value});
console.log(this.state);
}
这是有问题的无线电领域:
<div className="answer">
<Input type="radio"
id="day2AnswerA"
name="day2CorrectAnswer"
value={this.state.day2CorrectAnswer}
onChange={this.handleSelect}
/>
这是我的状态:
state = {
rocketName: '',
className:'',
day2QuestionName: '',
day2ReviewText: '',
day2QuestionText: '',
day2AnswerA: '',
day2AnswerB: '',
day2AnswerC: '',
day2AnswerD: '',
day2CorrectAnswer: '',
}
这将是具有多个单选字段的较大表单的一部分,所有单选字段都具有相同的name
属性,因此一次只能选择一个。
我试图在用户选择单选字段后立即更新状态,例如,如果用户单击上面显示的单选字段,那么我希望day2CorrectAnswer
状态的属性立即更新为day2AnswerA
.
为什么这不起作用?