Every line of 'img tag react' 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.
3 export default function Img(props) { 4 const {src, ...rest} = props 5 const replacedSrc = src.replace('http://', 'https://') 6 return ( 7 <div> 8 9 10 </div> 11 ) 12 }
78 value: function renderImg() { 79 if (!this.props.image) return null; 80 var imageAdditionalStyle = this.props.imageStyle ? this.props.imageStyle : {}; 81 return _react2.default.createElement('img', { 82 src: '/assets/' + this.props.image, 83 style: _extends({ 84 width: '200px', 85 marginTop: '20px', 86 marginBottom: '-20px' 87 }, imageAdditionalStyle) 88 }); 89 }
22 render( props, {error} ) { 23 // If you have no src, but have a failsrc 24 if ( !props.src && props.failsrc ) { 25 props.src = props.failsrc; 26 } 27 28 // if your URL begins with a triple slash, append the static endpoint 29 if ( props.src && props.src.indexOf('///') === 0 ) { 30 props.src = STATIC_ENDPOINT + props.src.substr(2); 31 } 32 if ( props.failsrc && props.failsrc.indexOf('///') === 0 ) { 33 props.failsrc = STATIC_ENDPOINT + props.failsrc.substr(2); 34 } 35 36 if ( error ) { 37 props.src = props.failsrc; 38 return ( 39 40 ); 41 } 42 else { 43 return ( 44 45 ); 46 } 47 }
158 function addImage(props) { 159 if(glcConfig.isStandalone) { 160 var image = document.createElement("img"); 161 image.src = props.url; 162 props.image = image; 163 return add(Shape.create(Image, props)); 164 } 165 alert("The Image object is only supported in the standalone version of GLC."); 166 return null; 167 }
101 function imgProps(props, mixins) { 102 for (const mixin in mixins) { 103 if (mixins[mixin] !== undefined && mixins[mixin] !== null) props[mixin] = mixins[mixin]; 104 } 105 return props; 106 }
59 render() { 60 return (h("img", { src: this.loadSrc, alt: this.alt, decoding: "async", onLoad: this.onLoad, onError: this.loadError })); 61 }
59 render() { 60 return React.createElement(RawImage, this.props, this.props.children); 61 }
122 createImage(customProps, imageClasses) { 123 const { 124 src, alt, height, width, 125 } = this.props; 126 return ( 127 128 ); 129 }
157 function loadImage(props, children, el) { 158 let render; 159 if (el) render = reactElement => React.render(reactElement, el); 160 else render = TestUtils.renderIntoDocument; 161 162 return new Promise((resolve, reject) => { 163 const loader = render( 164 { resolve(loader); }} 165 onError={error => { reject(Object.assign(error, {loader})); }}> 166 {children} 167 168 ); 169 }); 170 }
22 render ($$) { 23 let el = super.render($$) 24 el.addClass('sc-image') 25 el.append( 26 $$('img').attr({ 27 src: this.props.node.getUrl() 28 }).ref('image') 29 ) 30 return el 31 }