/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 votes286 views5 answers
React cheat sheet
Javascript React
0 vote249 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote308 views1 answer
React strap documentation
Javascript React
0 vote256 views1 answer
Dull a background image in react native
Javascript React
6 votes391 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote321 views1 answer
How to make dynamic title for screen in react native
Javascript React
2 votes308 views2 answers
React get url querystring
Javascript React
0 vote302 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
0 vote281 views2 answers
React router dom v6
Javascript React
1 vote288 views1 answer
React native blur view crashing on android
Javascript React