/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 vote233 views1 answer
Npx code for src folder in react js
Javascript React
1 vote268 views2 answers
Switch in react
Javascript React
26 votes237 views6 answers
React redirect to url
Javascript React
16 votes224 views3 answers
What does the useReducer do in react
Javascript React
1 vote217 views1 answer
Change color react icon
Javascript React
2 votes248 views1 answer
Passing multiple props to child component in react
Javascript React
0 vote238 views1 answer
React paypal express checkout
Javascript React
24 votes229 views5 answers
How to change port in react js
Javascript React
0 vote220 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
0 vote233 views1 answer
How to download json object that come from backend in react
Javascript React