/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 vote314 views1 answer
React native scrollview sticky header
Javascript React
2 votes334 views1 answer
React function being called every minute
Javascript React
0 vote306 views4 answers
React native biometrics sign in
Javascript React
0 vote333 views1 answer
Navigation scroll react
Javascript React
3 votes316 views2 answers
How to get custom attribute value in react
Javascript React
0 vote313 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote259 views1 answer
Left side menu react js
Javascript React
0 vote328 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote326 views1 answer
React hero slider
Javascript React
3 votes317 views1 answer
React parameter value from query string
Javascript React