/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 vote176 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote154 views1 answer
HandleClickoutside custom hook react
Javascript React
0 vote194 views1 answer
No routes matched location / react router
Javascript React
0 vote171 views3 answers
How to copy an arry react
Javascript React
0 vote154 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote178 views1 answer
How to convert react component to image
Javascript React
0 vote149 views1 answer
Store data with props in react js
Javascript React
0 vote169 views2 answers
React barcode scanner
Javascript React
0 vote183 views1 answer
Pass status of checkbox to a function react js
Javascript React
139 votes544 views2 answers
React js installation steps
Javascript React