javascript - react :将图像从父组件中的this.state传递给子组件

我有一个导入到React类组件的图像，如下所示：

import Hat3 from './assets/hat3/hat3.png';

要在此组件中显示此图像，我可以执行以下操作：

<img src={hat3} />

我有一个名为FeaturedItem的子组件，看起来像这样：

<FeaturedItem hat={this.state.hat3}/>

我想通过道具hat3将hat图像传递给FeaturedItem组件。如何以状态保存hat3图像，以便将其传递到功能FeaturedItem组件？

我尝试了以下方法：

constructor(props) {
        super(props);

        this.state = {
           // Doesn't work
           hat3: {hat3}
           // Doesn't work
           hat3: ${hat3}
           // Doesn't work
           hat3: `${hat3}`
        };
    }

有什么合适的方法来存储此状态图像，以便我可以通过道具将其传递给子组件并将其显示在子组件中？

最佳答案

试试下面的代码

this.state = {
    hat3: Hat3
};

如果这不起作用，请您分享遇到的错误。

关于javascript - react :将图像从父组件中的this.state传递给子组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59569516/