Breaking News: Grepper is joining You.com. Read the official announcement!

reactjs wait for image to load from url

Defiant Dove answered on June 11, 2022 Popularity 9/10 Helpfulness 2/10

answer reactjs wait for image to load from url

reactjs wait for image to load from url

Comment

class Foo extends React.Component {
  constructor(){
    super();
    this.state = {loaded: false};
  }

  render(){
    return (
      <div>
        {this.state.loaded ? null :
          <div
            style={{
              background: 'red',
              height: '400px',
              width: '400px',
            }}
          />
        }
        <img
          style={this.state.loaded ? {} : {display: 'none'}}
          src={this.props.src}
          onLoad={() => this.setState({loaded: true})}
        />
      </div>
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: image javascript load reactjs url wait

Link to this answer
Share Copy Link