/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 vote197 views1 answer
React native npm run start port
Javascript React
1 vote216 views1 answer
React native remove text from string
Javascript React
1 vote199 views2 answers
React check internet connection
Javascript React
0 vote188 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote207 views1 answer
React native icon onpress remove highlight onpress
Javascript React
0 vote205 views1 answer
How to use elements of 'react-router-dom'
Javascript React
1 vote230 views1 answer
@react-google-maps/api npm
Javascript React
1 vote220 views1 answer
How to share file from react native
Javascript React
-1 vote209 views1 answer
New Map() collection in react state
Javascript React
0 vote231 views1 answer
React grid generator
Javascript React