/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

3 votes152 views3 answers
React portals
Javascript React
-1 vote164 views1 answer
Command not found:create-react-app
Javascript React
0 vote185 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote212 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote151 views1 answer
Bottom shadow in react native
Javascript React
0 vote160 views1 answer
As it does not contain a package.json file. react
Javascript React
-1 vote169 views1 answer
Get height component react
Javascript React
0 vote181 views2 answers
React native share image
Javascript React
0 vote155 views1 answer
How to download json object that come from backend in react
Javascript React
0 vote194 views1 answer
Create a link in react js to download xcelfile
Javascript React