/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

1 vote195 views1 answer
React native flatlist horizontal scroll
Javascript React
31 votes190 views1 answer
Download react router dom
Javascript React
0 vote212 views1 answer
Why does my react project dosent have any class
Javascript React
2 votes371 views2 answers
Export aab react native
Javascript React
-2 votes207 views1 answer
Reactjs cut part of string
Javascript React
14 votes255 views4 answers
&& in react jsx
Javascript React
0 vote214 views1 answer
Change navigation animation react native
Javascript React
4 votes230 views3 answers
React js get screen size
Javascript React
18 votes204 views6 answers
React native android build
Javascript React
1 vote229 views1 answer
@react-google-maps/api npm
Javascript React