栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在React.js中加载本地图像

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在React.js中加载本地图像

如果您对创建有任何疑问,

ReactApp
建议您阅读其用户指南。
它回答了这个问题以及您可能遇到的许多其他问题。

具体来说,要包含本地图像,您有两个选择:

  1. 使用进口:
        // Assuming logo.png is in the same folder as JS file    import logo from './logo.png';    // ...later    <img src={logo} alt="logo" />

这种方法很棒,因为所有资产都由构建系统处理,并且将在生产构建中获取带有哈希的文件名。如果文件被移动或删除,您也会收到错误消息。

不利的一面是,如果您有数百张图片,可能会很麻烦,因为您不能拥有任意的导入路径。

  1. 使用公用文件夹:
        // Assuming logo.png is in public/ folder of your project    <img src={process.env.PUBLIC_URL + '/logo.png'} alt="logo" />

通常不建议使用这种方法,但是如果您有数百张图像,并且一次导入一个图像太麻烦了,那就太好了。缺点是您必须考虑缓存清除,并自己注意移动或删除的文件。

希望这可以帮助!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/415627.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号