/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 vote362 views2 answers
React js http post 500 internal server error
Javascript React
1 vote358 views1 answer
Select in react with nchange
Javascript React
0 vote391 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
9 votes381 views3 answers
React import font awesome
Javascript React
1 vote366 views1 answer
Horizontal scroll onclick react
Javascript React
1 vote361 views1 answer
React-native link to play store
Javascript React
6 votes370 views1 answer
React history with search
Javascript React
4 votes330 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote368 views1 answer
Bottom shadow in react native
Javascript React
0 vote364 views2 answers
Write data in props.histroy.push in react component
Javascript React