/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

1 vote294 views2 answers
Deploy create react app pm2
Javascript React
1 vote266 views1 answer
How to call create react app
Javascript React
6 votes258 views1 answer
React-native loading spinner
Javascript React
0 vote256 views1 answer
Jest create react app only run one test
Javascript React
0 vote367 views1 answer
React native load function each time visit screen
Javascript React
0 vote275 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
1 vote261 views2 answers
Await fetch in react
Javascript React
0 vote245 views1 answer
React script syntax for deployment
Javascript React
2 votes223 views1 answer
Range slider mui can't slide
Javascript React
2 votes291 views1 answer
React strict mode
Javascript React