/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 vote151 views1 answer
Change icon color react native elements
Javascript React
0 vote169 views1 answer
React Redux component getById crud exemple
Javascript React
4 votes146 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
5 votes174 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote151 views1 answer
React native app crashing on start
Javascript React
1 vote152 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote155 views1 answer
Reactjs web3 components
Javascript React
2 votes149 views1 answer
React strict mode
Javascript React
0 vote171 views1 answer
Activez la compression de texte react js
Javascript React
0 vote171 views1 answer
React-router useNavigate
Javascript React