/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 vote44 views1 answer
React place div at center of page
Javascript React
1 vote46 views1 answer
Expo update react native
Javascript React
7 votes43 views2 answers
Pass props in react
Javascript React
0 vote48 views1 answer
React native geocoding
Javascript React
0 vote50 views1 answer
Find in array and return true or false react js
Javascript React
0 vote43 views1 answer
Sort by attribute in reactjs
Javascript React
22 votes47 views3 answers
How to use if else inside jsx in react
Javascript React
3 votes78 views1 answer
React how to create range
Javascript React
0 vote53 views1 answer
Ej2 react calenders
Javascript React
3 votes38 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React