Search
showing results for - "check if image is still loading reactjs"
Grant
30 Apr 2016
1
2class App extends React.Component {
3  constructor(){
4    super();
5    this.state = {loaded: false};
6  }
7
8  render(){
9    return (
10      <div>
11        {this.state.loaded ? null :
12          <div
13            style={{
14              background: 'red',
15              height: '400px',
16              width: '400px',
17            }}
18          />
19        }
20        <img
21          style={this.state.loaded ? {} : {display: 'none'}}
22          src={this.props.src}
23          onLoad={() => this.setState({loaded: true})}
24        />
25      </div>
26    );
27  }
28}
29
30ReactDOM.render(<App src={`http://placehold.it/400x400`} />, document.getElementById('root'));
31
similar questions
img src in react jshow to upload image in react jsreact import local imagejavascript how to check if image existsimport image in react jsreact import image with urlreact image uploadreact img not showingshowing an image in react jsimage component doesn 27t show image from url react nativeloading image in react jsreact not getting img by srcimage preload reactimages not displaying in reactjs check if image url existsreact native preload local imagesimage source not working reactpreview image before upload reactjsreact image source showing object modulehow to load the images from the website dynamically in react
queries leading to this page
how to know image is loaded fully in reactjs react check if file image existshow to check image is loaded or not in reactreactjs if image loadedreact detect if image is loadedcheck image is loaded in reacthow to know if image is loaded reactknow image loaded react jsdetect if all images are loaded reactreact upload image check imagereact check if images are loaded from urlhow to check image load in reactjsreact check if images are loadedreact know when image is loadedreact check if image existscheck if image loaded reactjavascript check image loaded reactreact check if image fully loadedcheck if image is loaded or error reactreact detect if image has loadedreact detect when image is loadedcheck if image is still loading reactjscheck if image has loaded reacthow to check if images are loaded in reactreact image how to check if an image is loadingcheck whether an imagr src actually returns image reactreact how to check if image is loaded or notreact check image loadedreact check if image loadedreact how to check an image is loadedreact detect if image is loadingreact check if image exists before loadinghow to check if image was loaded reacthow to check if img loaded correctly reactjsreact how to detect when the images are loadedhow to check if all images are loaded in reactreact check when image is loadedhow to check if image loaded or not in reactcheck if image is loaded reactreact check if image is loadedreact detect image loadinghow to know if image is loaded in reactjshow to be sure if image is loaded in react 3fimage doest load reactreact display loading if image is not loadedreact package that checks when image is loadedreact check if image is fully loadedhow to check if image is loading reactjscheck if image is still loading reactjs