/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

48 votes378 views6 answers
Comment in react
Javascript React
0 vote328 views1 answer
React native getstream
Javascript React
0 vote355 views1 answer
React native create text file
Javascript React
2 votes354 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote374 views1 answer
Enzynme not support react 17
Javascript React
0 vote360 views1 answer
Using RN BootSplash with React Navigation
Javascript React
1 vote323 views1 answer
Functions inside class component react
Javascript React
0 vote368 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
0 vote387 views1 answer
Props with ternary in react
Javascript React
-2 votes397 views1 answer
Fc in react
Javascript React