/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 vote133 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote140 views3 answers
Link react router dom
Javascript React
0 vote150 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
2 votes144 views2 answers
Import lodash react
Javascript React
0 vote148 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
0 vote170 views1 answer
How to align text vertically center beside an image in react native
Javascript React
0 vote137 views1 answer
Make custom draggable in react
Javascript React
66 votes123 views4 answers
How to redirect to a website in react
Javascript React
1 vote157 views1 answer
Breakline in react native
Javascript React
0 vote134 views1 answer
Getting state in react-router-dom v6
Javascript React