/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

8 votes213 views1 answer
React.Fragmen
Javascript React
0 vote182 views1 answer
Mock a function jest react
Javascript React
1 vote220 views1 answer
Running scripts is disabled on this system react js
Javascript React
2 votes199 views1 answer
React native image source local file
Javascript React
1 vote208 views1 answer
How prevent copy paste input react
Javascript React
1 vote182 views2 answers
Toast in react native
Javascript React
0 vote228 views1 answer
React throttle render
Javascript React
0 vote199 views1 answer
Plotly react
Javascript React
0 vote186 views2 answers
Automated counter with react hooks
Javascript React
0 vote198 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React