10 examples of 'handlechange in react' in JavaScript

36
return function handleChange (e) {
37
	const { filter, onChange } = self.props;
38
39
	switch (type) {
40
		case 'minValue':
41
			onChange({
42
				mode: filter.mode,
43
				value: {
44
					min: e.target.value,
45
					max: filter.value.max,
46
				},
47
			});
48
			break;
49
		case 'maxValue':
50
			onChange({
51
				mode: filter.mode,
52
				value: {
53
					min: filter.value.min,
54
					max: e.target.value,
55
				},
56
			});
57
			break;
58
		case 'value':
59
			onChange({
60
				mode: filter.mode,
61
				value: e.target.value,
62
			});
63
	}
64
};

108
function handleChange(evt) {
109
  const { name, value } = evt.target
110
  const updateRules = {
111
    mm: /^\d{0,2}$/,
112
    dd: /^\d{0,2}$/,
113
    yyyy: /^\d{0,4}$/
114
  }
115
116
  if (updateRules[name] && updateRules[name].test(value)) {
117
    const nextDate = { ...date, [name]: value }
118
    setDate(nextDate)
119
  }
120
}

61
handleChange: function handleChange(e) {
62
  var checked = e.target.checked;
63
  this.setState({
64
    checked: checked
65
  });
66
  this.props.onChange(checked);
67
}

36
handleChange: function handleChange(event) {
37
  this.setState({
38
    value: event.currentTarget.value,
39
  });
40
  if (this.props.onChange) this.props.onChange(event);
41
},

15
handleChange(key, event) {
16
  var obj = {}
17
  obj[key] = event.target.value
18
  this.setState(obj)
19
}

348
handleChange: function handleChange(value) {
349
  var options;
350
  if (!value || value.indexOf('@') >= 0) {
351
    options = [];
352
  } else {
353
    options = ['gmail.com', '163.com', 'qq.com'].map(function (domain) {
354
      var email = value + '@' + domain;
355
      return React.createElement(
356
        Option,
357
        { key: email },
358
        email
359
      );
360
    });
361
  }
362
  this.setState({
363
    options: options
364
  });
365
},

36
function handleChange(newData: RealmResults) {
37
  if (
38
    (workoutsNumber === 0 && newData.length > 0) ||
39
    (workoutsNumber > 0 && newData.length === 0)
40
  ) {
41
    setWorkoutsNumber(newData.length);
42
  }
43
}

49
handleChange: function handleChange(event, _ref) {
50
	var newValue = _ref.newValue;
51
52
	var value = newValue;
53
	if (value.length === 0) {
54
		this.props.revertToText();
55
		return;
56
	}
57
	this.setState({ text: newValue, type: 'file', meta: {} });
58
	// this.props.updateMention({text: value, type: 'file', meta: {}});
59
},

86
value: function handleChange(value) {
87
  var _props2 = this.props,
88
      deFormat = _props2.deFormat,
89
      onChange = _props2.onChange,
90
      delimiter = _props2.delimiter;
91
92
  onChange(deFormat(value, delimiter));
93
}

89
onChange: function onChange(e) {
90
  return _this2.setState({ dataWidth: e.target.value });
91
}