我不知道如何从项目文件夹加载图像作为Chakra-UI头像。src属性似乎只能接受外部链接。我正在处理的组件文件位于src/Components/文件夹中,我要加载的图像在src/images文件夹中。为什么这不能渲染我的头像,有没有办法让它工作?
<Avatar src={"../images/logo.png"} alt={"Logo"} size={2}></Avatar>
我假设你正在使用react,通常在react中你可以用两种方法添加图像。您可以点击这里查看更多信息。
import logo from '../images/logo.png';
<Avatar src={logo} alt={"Logo"} size={2}/>
另一种方法是通过"public"文件夹并将其链接到组件中。https://create-react-app.dev/docs/using-the-public-folder/