/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 vote323 views1 answer
Store data with props in react js
Javascript React
10 votes328 views2 answers
React text input onchange
Javascript React
1 vote338 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote333 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote360 views1 answer
React native generate app hash without play console
Javascript React
2 votes323 views2 answers
Vscode react extensions
Javascript React
0 vote369 views1 answer
Font awesome react share faShare
Javascript React
0 vote354 views1 answer
Doughnut chartjs with react display percentage
Javascript React
1 vote357 views2 answers
Deploy create react app pm2
Javascript React
1 vote319 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React