10 examples of 'react input box' in JavaScript

20
function textInput(value, onChange) {
21
    return { tag: "input", attrs: { value: value }, data: { onChange: onChange }, component: OnChangeComponent };
22
}

5
function NumberInput(_ref) {
6
  var label = _ref.label;
7
  var value = _ref.value;
8
  var onChange = _ref.onChange;
9
  var min = _ref.min;
10
  var max = _ref.max;
11
12
  return React.createElement(
13
    'div',
14
    null,
15
    React.createElement(
16
      'label',
17
      null,
18
      label
19
    ),
20
    React.createElement('input', {
21
      value: value,
22
      onChange: onChange,
23
      type: 'number',
24
      min: min,
25
      max: max,
26
      step: 1
27
    })
28
  );
29
}

76
private input(e: Event): void {
77
  this.selected = (e.target as HTMLInputElement).value;
78
}

142
setInnerRef(): void {
143
  this.innerRef = this.props.forwardRef || createRef();
144
}

46
_changeInput(value=this._value()){ this.props.onChange(value) }

486
input: function input(e) {
487
  return _this.val = e.target.value;
488
}

34
_getValue () {
35
  const input = this.refs.input
36
  return input.val()
37
}

53
export function showInputBox(defaultValue, placeHolder) {
54
	return vscode.window.showInputBox({
55
		value: defaultValue,
56
		placeHolder
57
	});
58
}

24
function Input(props) {
25
  _classCallCheck(this, Input);
26
27
  return _possibleConstructorReturn(this, Object.getPrototypeOf(Input).call(this, props));
28
}

30
function Input(props) {
31
    _classCallCheck(this, Input);
32
33
    var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Input).call(this, props));
34
35
    _this.state = {
36
        counter: {
37
            current: 0,
38
            maximum: parseInt(_this.props.counter)
39
        },
40
        inputClasses: (0, _classnames2.default)('e-input', { 'empty': _this.props.value || _this.props.defaultValue ? false : true }),
41
        inputValue: _this.props.value || _this.props.defaultValue || '',
42
        classes: (0, _classnames2.default)('e-input-group', _this.props.className, _this.props.classes)
43
    };
44
    return _this;
45
}