/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 vote214 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote214 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
-2 votes217 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote231 views2 answers
React js big calendar
Javascript React
0 vote225 views1 answer
Why to escape from quotation mark in react
Javascript React
0 vote252 views1 answer
ScrollspyNav react
Javascript React
0 vote281 views1 answer
React router path array
Javascript React
0 vote218 views1 answer
Async await react stackoverflow
Javascript React
1 vote250 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote173 views1 answer
Circle button react native
Javascript React