/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

0 vote221 views1 answer
Onpress react native datepicker stackver flow
Javascript React
0 vote190 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote254 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
1 vote201 views1 answer
React lottie player on hover
Javascript React
0 vote219 views1 answer
React export multiple component from index.js
Javascript React
0 vote258 views2 answers
Loop through array react native
Javascript React
0 vote206 views2 answers
React hotjar
Javascript React
3 votes192 views1 answer
React after deployment givin nginx 404
Javascript React
1 vote211 views2 answers
Flatlist onrefresh react native
Javascript React
1 vote242 views1 answer
React native tabbed sticky view
Javascript React