Every line of 'react text box' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.
20 render() { 21 return ( 22 <div> 23 24 {this.props.label} 25 26 27 {this.props.children && 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 }