当前第2页 返回上一页
1、通过import方式（适用于插入静态图片）：
1 2 3 4 5 6 7 8 9 | import React from 'react'
import logo from './asset/logo.jpg'
export default class Login extends React.Component {
render() {
return (<>
<img src={logo} alt="logo" />
</>)
}
}
|
2、使用require方法（可以使用此方法插入动态图片）：
1 | <img src={require('../img/iconxx.png')} alt="" />
|
require中不能有纯粹的代表图片地址的变量，但是可以通过变量和字符串拼接的方式来使用此方法。
3、css中可以通过直接使用图片地址的方式来引用图片(和原生的一样)。
相关免费学习推荐：JavaScript（视频）
以上就是react中如何导入图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
webpack 不识别React怎么办
React创建组件的三种方式是什么
React生命周期详解
React怎么避免重复点击
React开发框架有哪些？
怎么理解React
webstorm写React出现报错怎么办
React native的优缺点是什么？
React怎么跳出新页面
一些关于React的常见面试题（分享）
更多相关阅读请进入《React》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » react中如何导入图片
