/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 vote122 views1 answer
How to add icon in react
Javascript React
0 vote120 views4 answers
How to pass data between routes in react
Javascript React
4 votes125 views4 answers
Deploy react app
Javascript React
0 vote74 views1 answer
Liquid indicators in react native
Javascript React
0 vote115 views1 answer
Ant design not working in react js
Javascript React
0 vote108 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote112 views1 answer
React component will mount new method
Javascript React
0 vote127 views1 answer
Button with icon react native ui
Javascript React
2 votes117 views1 answer
React native navigation hide navbar
Javascript React
1 vote114 views1 answer
React why onclick property function trigger without click
Javascript React