我们可以从项目文件夹中的图像加载Chakra Ui Avatar吗?



我不知道如何从项目文件夹加载图像作为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/

相关内容

  • 没有找到相关文章

最新更新