/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

142 votes436 views3 answers
Install react app
Javascript React
30 votes131 views6 answers
React if statement
Javascript React
1 vote155 views1 answer
React render html variable
Javascript React
-1 vote146 views3 answers
Why we import react from react
Javascript React
0 vote125 views1 answer
Opening a link in another tab in react
Javascript React
0 vote126 views2 answers
How to add fcc cdn to local react projcet
Javascript React
1 vote185 views1 answer
Rendering in react
Javascript React
0 vote119 views1 answer
Dynamic for loop react
Javascript React
0 vote128 views1 answer
.env not working on react
Javascript React
0 vote136 views1 answer
Global keyboard shortcuts react
Javascript React