/Javascript/React/Reactjs radio button onchange

Reactjs radio button onchange

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  handleChange = e => {
    const { name, value } = e.target;

    this.setState({
      [name]: value
    });
  };

  render() {
    return (
      <div className="radio-buttons">
        Windows
        <input
          id="windows"
          value="windows"
          name="platform"
          type="radio"
          onChange={this.handleChange}
        />
        Mac
        <input
          id="mac"
          value="mac"
          name="platform"
          type="radio"
          onChange={this.handleChange}
        />
        Linux
        <input
          id="linux"
          value="linux"
          name="platform"
          type="radio"
          onChange={this.handleChange}
        />
      </div>
    );
  }
}

Source: stackoverflow.com

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 vote189 views1 answer
React native add two view
Javascript React
3 votes185 views1 answer
React router dynamic routes
Javascript React
0 vote187 views1 answer
How to create module in react
Javascript React
17 votes204 views3 answers
React router url params
Javascript React
93 votes191 views6 answers
React router dom install
Javascript React
0 vote204 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
5 votes215 views1 answer
React-select
Javascript React
0 vote195 views1 answer
How to clear form fields in react after submit
Javascript React
0 vote210 views1 answer
How to load a javascript game from react
Javascript React
0 vote193 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React