/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

40 votes327 views4 answers
What does useref do react
Javascript React
4 votes356 views1 answer
React native scrollview horizontal
Javascript React
0 vote335 views1 answer
Style react native alert text
Javascript React
0 vote345 views2 answers
How to make a bot react to own message js
Javascript React
1 vote353 views2 answers
Generate apk debug react native
Javascript React
4 votes284 views1 answer
React router dom v6 goback
Javascript React
2 votes314 views5 answers
React native debugger
Javascript React
0 vote334 views1 answer
Reactive forms angular conditional disabling
Javascript React
1 vote323 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
0 vote344 views1 answer
Firebase integration in react
Javascript React