/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

2 votes352 views2 answers
React detect screen size
Javascript React
0 vote372 views1 answer
Could not resolve module fs react native
Javascript React
3 votes341 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote425 views1 answer
React change button color on hover
Javascript React
0 vote339 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
1 vote374 views1 answer
React native detect production
Javascript React
0 vote379 views1 answer
How to update the react version in next js app
Javascript React
2 votes364 views1 answer
React native responsive font
Javascript React
1 vote351 views3 answers
Iframe in react
Javascript React
1 vote358 views1 answer
How to install react fullpage using npm
Javascript React