7 examples of 'react text box' in JavaScript

20
render() {
21
  return (
22
    <div>
23
      
24
        {this.props.label}
25
      
26
      
27
      {this.props.children &amp;&amp;
28
        React.cloneElement(this.props.children, {
29
          password: this.state.value,
30
        })}
31
    </div>
32
  );
33
}

6
render() {
7
  const { secure, multiline, children, ...otherProps } = this.props;
8
9
  if (secure) {
10
    return React.createElement(PasswordEntry, otherProps, children);
11
  }
12
13
  if (multiline) {
14
    return React.createElement(MultilineEntry, otherProps, children);
15
  }
16
17
  return React.createElement(Entry, otherProps, children);
18
}

9
function TextboxWidget(props) {
10
  const { widget, canEdit } = props;
11
  const [text, setText] = useState(widget.text);
12
13
  const editTextBox = () => {
14
    TextboxDialog.showModal({
15
      text: widget.text,
16
      onConfirm: newText => {
17
        widget.text = newText;
18
        setText(newText);
19
        return widget.save();
20
      },
21
    });
22
  };
23
24
  const TextboxMenuOptions = [
25
    
26
      Edit
27
    ,
28
  ];
29
30
  if (!widget.width) {
31
    return null;
32
  }
33
34
  return (
35
    
36
      {markdown.toHTML(text || "")}
37
    
38
  );
39
}

43
function Text() {
44
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
45
46
  switch (Platform.default.current) {
47
    case 'alipay':
48
      return React.createElement(index$1.Text, props);
49
50
    case 'wechat':
51
      return React.createElement(index$2.Text, props);
52
53
    case 'toutiao':
54
      return React.createElement(Text$1.default, props);
55
  }
56
}

18
render() {
19
  const {children, ...props} = this.props;
20
  return React.createElement('Text', props, children);
21
}

61
render() {
62
    const inputStyle = {
63
        position: 'absolute',
64
        top: this.props.bBox.y,
65
        left: this.props.bBox.x,
66
        width: this.props.bBox.w,
67
        height: this.props.bBox.h,
68
    };
69
70
    if (this.state.display === false) {
71
        inputStyle.display = 'none';
72
    }
73
74
    Object.assign(inputStyle, this.props.styles);
75
76
    return (
77
         {
78
                this.textInput = i;
79
            }}
80
            style={inputStyle}
81
            onChange={this.onChange}
82
            onBlur={this.onBlur}
83
            value={this.state.value}
84
        />
85
    );
86
}

15
public render() {
16
    let className = "group";
17
    if (this.props.invalid) {
18
        className += " invalid";
19
    }
20
    if (this.props.small) {
21
        className += " small";
22
    }
23
    let name;
24
    let list;
25
    if (this.props.list != null) {
26
        name = this.props.list[0];
27
        list = 
28
            {this.props.list[1].map((n, i) => ;
29
    }
30
31
    return (
32
        <div>
33
            
34
            {list}
35
            <span></span>
36
            {this.props.label}
37
        </div>
38
    );
39
}