/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 vote299 views1 answer
Outline none react native web
Javascript React
0 vote298 views1 answer
Create app with a specific react version
Javascript React
2 votes284 views1 answer
React onclick type
Javascript React
1 vote309 views1 answer
What is react easy emoji
Javascript React
0 vote275 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote311 views1 answer
How to cause a whole page reload react redux
Javascript React
1 vote281 views1 answer
React js component parameters
Javascript React
0 vote307 views1 answer
Sort Array Object in React
Javascript React
0 vote321 views1 answer
React nativ export default
Javascript React
0 vote296 views1 answer
React native zindex issue on android
Javascript React