/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 vote380 views1 answer
Shortcut to format reactjs visual studio
Javascript React
5 votes384 views3 answers
React router lazy load
Javascript React
1 vote355 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote379 views1 answer
React inlinle style set background image
Javascript React
0 vote388 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote412 views1 answer
Yarn add react-native-elements
Javascript React
0 vote418 views1 answer
Space between react native
Javascript React
14 votes382 views2 answers
Adding border in react native
Javascript React
5 votes476 views4 answers
React route multiple components
Javascript React
0 vote421 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React