在react js中渲染实际图像之前，如何渲染默认图像？

state = {
  isImageLoaded: false
}

render() {
  const { isImageLoaded } = this.state;

  return (
    <div>
      {isImageLoaded ? (
        <img src="实际图像地址" alt="实际图像" />
      ) : (
        <img src="默认图像地址" alt="默认图像" />
      )}
    </div>
  );
}

handleImageLoad = () => {
  this.setState({ isImageLoaded: true });
}

render() {
  // ...

  return (
    <div>
      {isImageLoaded ? (
        <img src="实际图像地址" alt="实际图像" />
      ) : (
        <img src="默认图像地址" alt="默认图像" onLoad={this.handleImageLoad} />
      )}
    </div>
  );
}