/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 vote227 views1 answer
How hooks handle dependency in react
Javascript React
3 votes252 views2 answers
Use font awsome in react
Javascript React
0 vote239 views1 answer
How to use empty href link in reactjs
Javascript React
11 votes209 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote250 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
1 vote242 views1 answer
How to create a button with react
Javascript React
0 vote242 views1 answer
React-drag-drop-files open twice
Javascript React
1 vote213 views1 answer
React native create view dynamically
Javascript React
6 votes241 views5 answers
Scroll to top in react
Javascript React
0 vote271 views1 answer
How to load a javascript game from react
Javascript React