/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 vote182 views1 answer
Bottom shadow in react native
Javascript React
0 vote226 views1 answer
React native elements bottom sheet close on back button press
Javascript React
0 vote182 views1 answer
React native add bottom tab and drawer menu
Javascript React
0 vote171 views1 answer
React router dom return undefined
Javascript React
133 votes812 views5 answers
Npx create-react-app
Javascript React
0 vote172 views1 answer
Button react native style
Javascript React
1 vote172 views1 answer
Adding int and string in react props
Javascript React
17 votes176 views5 answers
Add background image react native
Javascript React
0 vote199 views1 answer
React sagas state
Javascript React
1 vote153 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React