Reactjs 选择单选按钮以更改状态

如何设置input type=radio，使状态值根据用户选择的内容而变化

在这种情况下，我希望button name=1是默认选择的按钮，但如果用户选择button name=2，则某些状态值应该更改

<div data-toggle="buttons">
  <label>
    <input type="radio" name="1" defaultChecked onChange={this.handleRadioButton}>Option 1</input>
  </label>
  <label>
    <input type="radio" name="2" onChange={this.handleRadioButton}>Option 2</input>
  </label>
</div>

您的手动按钮需要被告知单击了哪个按钮。我建议使用一个简单的函数参数。i、 e

onChange={=>this.handleRadioButton1}

onChange={=>this.handleRadioButton2}

您的函数可能如下所示：

handleRadioButton(value) {
  this.setState({
    value: value
  });
}

最后，必须从该状态值读取选中状态。i、 e

选中={this.state.value===1}

所以把这一切放在一起

这个.handleRadioButton1} />

这个.handleRadioButton2} />

还有几件事：

不要为defaultChecked属性操心。只需在初始状态下设置值：1。 不需要像name和value这样的HTML属性。在React中，HTML逻辑被JavaScript逻辑取代。警告：除非您提供服务器呈现的非JS回退。

---

有机会尝试一下，不幸的是handleRadioButton函数从未被调用。我添加了一个console.log来仔细检查可能出现的问题？我必须看看您是如何定义组件的。请创建一个显示代码的新帖子。谢谢。我今天把它贴在这里救了我！谢谢您：