/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 vote139 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote135 views1 answer
React Alert when rate changes
Javascript React
1 vote164 views1 answer
React-native curved view
Javascript React
1 vote162 views3 answers
Npm update react
Javascript React
0 vote139 views1 answer
React hook form password validation uppercase
Javascript React
5 votes183 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote140 views1 answer
Npm auth0-react
Javascript React
1 vote140 views2 answers
Open websute react native
Javascript React
65 votes147 views6 answers
React routing
Javascript React
10 votes133 views1 answer
Device height react native
Javascript React