Handling checkbox

react_onchange_technique.js

const Form = require('react-bootstrap/lib/Form');
const FormGroup = require('react-bootstrap/lib/FormGroup');
const FormControl = require('react-bootstrap/lib/FormControl');
const Col = require('react-bootstrap/lib/Col');
const ControlLabel = require('react-bootstrap/lib/ControlLabel');

onChangeValue(evt, check=false) {
  this.setState({[evt.target.id]: check?evt.target.checked:evt.target.value});
},

return (
  <Form>
    <FormGroup controlId="name">
      <Col componentClass={ControlLabel} sm={2}>
        Name
      </Col>
      <Col sm={10}>
        <FormControl type="text" placeholder="Enter Name" value={this.state.name} onChange={this.onChangeValue} />
      </Col>
    </FormGroup>
    <FormGroup controlId="enabled">
      <Col componentClass={ControlLabel} sm={2}>
        Enabled
      </Col>
      <Col sm={10}>
        <FormControl type="checkbox" placeholder="Enter Comma-Separated Numbers" value={this.state.port_scan} onChange={this.onChangeValue} />
      </Col>
    </FormGroup>
  </Form>
);