/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

4 votes99 views2 answers
Onitemclick react
Javascript React
3 votes112 views1 answer
React router dynamic routes
Javascript React
0 vote118 views1 answer
Open sans font react js
Javascript React
0 vote142 views2 answers
How to sent react from data in mongodb
Javascript React
0 vote114 views1 answer
React load script after render
Javascript React
0 vote60 views1 answer
How to make a textarea unwritable in react native
Javascript React
1 vote120 views1 answer
Functional component how to add to existing array react
Javascript React
0 vote125 views1 answer
Javascript react reverse map
Javascript React
5 votes108 views4 answers
React native status bar
Javascript React
4 votes126 views3 answers
React link underline
Javascript React