/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 vote286 views1 answer
Most common use cases of portals in react
Javascript React
2 votes311 views2 answers
Rtl support react native
Javascript React
0 vote310 views1 answer
React Readonly rating
Javascript React
0 vote307 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
0 vote313 views3 answers
Django send and receive image data to react
Javascript React
0 vote319 views1 answer
React hooks simple projects
Javascript React
-1 vote345 views1 answer
Paypal in react js
Javascript React
0 vote315 views1 answer
Spring reactive web client throw exception test
Javascript React
-1 vote305 views7 answers
How to trim dates in react
Javascript React
0 vote266 views1 answer
Circle button react native
Javascript React