/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 vote124 views2 answers
React native Platform
Javascript React
0 vote106 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
3 votes112 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
0 vote122 views1 answer
How to refresh android studio react native
Javascript React
0 vote102 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote101 views1 answer
React-redux form preventdefault
Javascript React
4 votes104 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
2 votes97 views1 answer
Best react native ui library
Javascript React
3 votes106 views1 answer
React router dynamic routes
Javascript React
4 votes102 views1 answer
Import img react in another file
Javascript React