/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

3 votes123 views3 answers
Chart js react
Javascript React
0 vote133 views1 answer
React router history not defined
Javascript React
6 votes125 views1 answer
Import useHistory react-router-dom version 6
Javascript React
140 votes217 views5 answers
React js installation
Javascript React
0 vote121 views1 answer
Import ipcRenderer in react
Javascript React
0 vote126 views1 answer
Connect react native app to local api macos
Javascript React
0 vote115 views1 answer
Autofocus is not working in react native
Javascript React
4 votes136 views3 answers
Width 100% react-native
Javascript React
4 votes129 views1 answer
How to change the tab title in react
Javascript React
0 vote130 views1 answer
Counter composant react
Javascript React