/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 vote208 views1 answer
React key press hook
Javascript React
1 vote173 views1 answer
Responsive calc height react native
Javascript React
0 vote231 views1 answer
React duration picker
Javascript React
2 votes232 views2 answers
Discord.js remove reaction
Javascript React
28 votes217 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote198 views1 answer
React navigation history clear
Javascript React
0 vote203 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote204 views2 answers
Alert react native
Javascript React
0 vote191 views1 answer
React keydown event listener
Javascript React
0 vote233 views1 answer
Multilone input react
Javascript React