/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 vote156 views2 answers
React date picker disable past dates
Javascript React
0 vote155 views1 answer
React dropdown search bar
Javascript React
1 vote148 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote197 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote140 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote138 views1 answer
Mock createRef jest react functional component
Javascript React
151 votes356 views6 answers
Install react js
Javascript React
0 vote165 views1 answer
How to make a github api using react
Javascript React
1 vote137 views1 answer
Stop page refresh on button click react
Javascript React
0 vote154 views2 answers
Hiding header in a specific screen in react native
Javascript React