/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

-1 vote143 views1 answer
Flatlist react native horizontal
Javascript React
1 vote139 views1 answer
React construct
Javascript React
1 vote187 views1 answer
React create list of components
Javascript React
0 vote189 views1 answer
React Cache buster
Javascript React
1 vote134 views1 answer
React js empty build
Javascript React
0 vote149 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
0 vote145 views1 answer
Change poiter text input color react native
Javascript React
7 votes138 views3 answers
How to update react state array
Javascript React
0 vote142 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
1 vote126 views1 answer
Reconciliation in react
Javascript React