/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 vote238 views1 answer
Connect react native app to local api macos
Javascript React
0 vote229 views1 answer
React native run on a particular emu
Javascript React
0 vote246 views1 answer
React does not send the cookie automatically
Javascript React
0 vote226 views4 answers
React router v6
Javascript React
1 vote238 views1 answer
New line in p tag react
Javascript React
4 votes245 views2 answers
React get url params in class component
Javascript React
64 votes232 views6 answers
Router react
Javascript React
0 vote224 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote256 views1 answer
React native style variable
Javascript React
3 votes243 views2 answers
React link without underline
Javascript React