/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 vote297 views2 answers
React material ui
Javascript React
12 votes227 views2 answers
How to integrate redux dev tool to react application
Javascript React
1 vote242 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
0 vote218 views1 answer
React passport session
Javascript React
3 votes243 views1 answer
React native class component constructor
Javascript React
0 vote298 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote212 views1 answer
Pass text to button component react
Javascript React
8 votes225 views2 answers
React on link click scroll to top
Javascript React
0 vote223 views1 answer
React useref file input
Javascript React
0 vote213 views1 answer
Google pay payment gateway for react js project
Javascript React