React 加载本地图片

React 加载本地图片,第1张

最近在用create-react-app 脚手架搭建自己的个人博客,以为对React不熟悉,所以在写的时候遇到很多坑,学习一们新语言就是从一个坑爬进另一个坑,其中在添加背景图片的时候需要记载本地图片,不能用html加载图片的方法,以为ES6不支持 <img src="../images/photo.png"/>这样的写法;这样写加载不出来,所以在经过百度之后总结了两种方法:

1.向导入类一样的方法把图片的位置直接导进去:

import imgURL from '../../../src/img/aboutme-background.jpg'

在render的方法中调用:

2.就是像加载网页中的图片一样来加载本地图片,直接在 render方法中写入

以上两种方法都可以把本地图片给加载出来。可供大家选择。亲测有效的哈。

(1)import imgUrl from "../image/notfound404.jpg"

(2) return()中 直接使用img标签,将url赋值为imgUrl 

eg:

import imgUrl from "../image/notfound404.jpg"

return(

    <img url = {imgUrl}/>

)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11687418.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存