/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 vote133 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote169 views1 answer
React native star rating component
Javascript React
1 vote185 views1 answer
How to find the width of outerconatiner in react native
Javascript React
1 vote125 views3 answers
Antd react
Javascript React
23 votes146 views6 answers
React hooks useeffect
Javascript React
0 vote119 views1 answer
React tooltip doesn't work
Javascript React
0 vote117 views1 answer
React merge two objects
Javascript React
4 votes127 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
3 votes136 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote129 views1 answer
How to add comma in react map
Javascript React