/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 vote163 views1 answer
Center child components in react
Javascript React
0 vote174 views3 answers
Proptypes for a react component
Javascript React
0 vote179 views1 answer
React native fetch response code
Javascript React
5 votes174 views3 answers
How to open a new tab in react
Javascript React
0 vote181 views1 answer
React route send informaion in url
Javascript React
0 vote170 views1 answer
TrackPromise React
Javascript React
0 vote174 views1 answer
Exit ios inspector in react native
Javascript React
16 votes176 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
3 votes188 views2 answers
Export default class react
Javascript React
6 votes181 views2 answers
React native activity indicator
Javascript React