/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

6 votes350 views2 answers
Export default function react
Javascript React
0 vote369 views1 answer
React faq
Javascript React
1 vote345 views1 answer
React router dom 6 go back
Javascript React
0 vote367 views1 answer
Orderbychild firebase react
Javascript React
1 vote358 views1 answer
Add a text on last object map reactjs
Javascript React
0 vote334 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
1 vote359 views1 answer
How to set height of material ui dialog react
Javascript React
0 vote332 views1 answer
Upload image file in react native using rest api to website
Javascript React
0 vote322 views1 answer
Mdn react
Javascript React
0 vote375 views9 answers
How to run a cloned react native project
Javascript React