/Javascript/React/How to use radio buttons in react class-based components

How to use radio buttons in react class-based components

class App extends React.Component {
  
  setGender(event) {
    console.log(event.target.value);
  }
  
  render() {
    return ( 
      <div onChange={this.setGender.bind(this)}>
        <input type="radio" value="MALE" name="gender"/> Male
        <input type="radio" value="FEMALE" name="gender"/> Female
      </div>
     )
  }
}

ReactDOM.render(<App/>, document.getElementById('app'));

Source: stackoverflow.com

Similar codes

33 votes410 views5 answers
Img tag in react
Javascript React
1 vote386 views2 answers
React select npm
Javascript React
0 vote401 views1 answer
Try catch in react native
Javascript React
0 vote408 views1 answer
.env not working on react
Javascript React
0 vote370 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote427 views1 answer
How to get key from a button in react
Javascript React
0 vote406 views1 answer
React native run-android --release
Javascript React
0 vote384 views2 answers
Read data in props.histroy.push in react component
Javascript React
15 votes392 views3 answers
Image react native
Javascript React
1 vote418 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React