/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 vote208 views1 answer
React native generate app hash without play console
Javascript React
0 vote178 views2 answers
Capitalize each word from string in react
Javascript React
0 vote171 views3 answers
Scrollview pull to refresh react native
Javascript React
1 vote155 views1 answer
Add class to react children
Javascript React
0 vote189 views1 answer
React hooks simple projects
Javascript React
0 vote190 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
0 vote183 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote206 views1 answer
React Redux reducer combineReducers exemple
Javascript React
-2 votes202 views3 answers
Keyboard dismiss in react native
Javascript React
0 vote180 views1 answer
OAuth with axios react native
Javascript React