在我之前渲染一次该值之后，条件无线电重新渲染不受当前状态值的影响吗？答案

【问题标题】：Conditional radio re-render not effected with the current state value after i rendered that value once previously?在我之前渲染一次该值之后，条件无线电重新渲染不受当前状态值的影响吗？
【发布时间】：2020-01-30 04:34:59
【问题描述】：

在我选择第二条记录（女）之前，我之前已经选择了（男）此记录一次 *选择记录时更新状态

【问题讨论】：

标签： reactjs conditional-statements state

【解决方案1】：

您可能忘记了某些内容或错误地实现了它，因为您没有提供我附加的代码，假设您使用的是类组件...

import React from "react";
export default class RadioButtons extends React.Component {
  constructor() {
    super();
    this.state = {
      selectedOption: 'Male'
    };
}

  radioChange = (e) => {
    this.setState({
      selectedOption: e.currentTarget.value
    });
  }

  render() {
    return (
      <div>

        <input type="radio"
               value="Male"
               checked={this.state.selectedOption === "Male"}
               onChange={this.radioChange} />Male

        <input type="radio"
               value="Female"
               checked={this.state.selectedOption === "Female"}
               onChange={this.radioChange}/>Female

        <input type="radio"
               value="Other"
               checked={this.state.selectedOption === "Other"}
               onChange={this.radioChange}/>Other

        <h3>this.state.selectedOption: {this.state.selectedOption}</h3>
      </div> 
    );
  }
}

这是sandbox的链接

【讨论】：

非常感谢。我使用 defaultChecked 而不是选中。