/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 vote307 views1 answer
React-native-calendars how to mark selected day
Javascript React
0 vote308 views1 answer
Reduce to calculate sum react
Javascript React
0 vote311 views1 answer
User account in react
Javascript React
0 vote306 views1 answer
Npm react native turn by turn navigation
Javascript React
0 vote287 views1 answer
Images not displaying in react
Javascript React
1 vote316 views1 answer
React check if string is mail
Javascript React
0 vote289 views1 answer
React i18n with parameeter
Javascript React
35 votes308 views6 answers
Create react app with tailwind
Javascript React
0 vote302 views1 answer
React redux stack overflow
Javascript React
0 vote292 views3 answers
How to get svg from pucblic folder in react
Javascript React