相关疑难解决方法(0)

我正在尝试异步加载图像，并且仅在加载图像后才将其显示在 React 应用程序中。

componentDidMount() {
    const img = new Image();
    img.onload = () => {
        this.setState({
            originalImage: img,
        });
    }
    img.src = './images/testImage.jpg'
}

render() {
    return (
       <main>
           {
              this.state.originalImage
           }
       </main>
    );
}

我收到以下错误：

对象作为 React 子对象无效（找到：[object HTMLImageElement]）

我想知道为什么会发生这个错误。当然，如果我只添加一个<img>标签，它就可以正常工作。