/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 vote160 views1 answer
Dull a background image in react native
Javascript React
0 vote199 views1 answer
Hide react from netlify
Javascript React
65 votes181 views6 answers
Route react
Javascript React
15 votes191 views2 answers
Expo react navigation
Javascript React
0 vote187 views1 answer
React tooltip on disabled button
Javascript React
2 votes209 views2 answers
Vscode extensions for better react js
Javascript React
0 vote189 views3 answers
Django send and receive image data to react
Javascript React
0 vote184 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote174 views5 answers
React native cache clear
Javascript React
0 vote176 views1 answer
React hooks component re render when button press
Javascript React