我有一个像这样导入到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}`
};
}
在状态下存储此图像的正确方法是什么,以便我可以通过props将其传递给子组件并将其显示在子组件中?
尝试下面的代码
this.state = {
hat3: Hat3
};
如果这不起作用,请您分享您遇到的错误。