在我之前一次渲染该状态值后,条件无线电重新渲染是否不影响当前状态值?

时间:2020-01-30 04:34:59

标签: reactjs conditional-statements state

在选择第二条记录(女性)之前,我已经选择了此记录(男性)一次 *状态在选择记录时更新

Screenshot

1 个答案:

答案 0 :(得分: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

的链接