主页 > 首页 > JS

react中如何导入图片

JS 2021-02-23

版权所有:https://wWw.pxcodeS.com

react中导入图片的方法:1、通过import方式导入,代码为【import logo from './asset/logo.jpg'】;2、使用require方法,代码为【<img src={require('../img/...】。

react中导入图片的方法:

1、通过import方式(适用于插入静态图片):

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方法(可以使用此方法插入动态图片):

<img src={require('../img/iconxx.png')} alt="" />

require中不能有纯粹的代表图片地址的变量,但是可以通过变量和字符串拼接的方式来使用此方法。

3、css中可以通过直接使用图片地址的方式来引用图片(和原生的一样)。

相关免费学习推荐:JavaScript(视频)

以上就是react中如何导入图片的详细内容,更多请关注少儿编程网其它相关文章!

来源:php中文网

版权所有:https://wWw.pxcodeS.com

相关文章:


标签:

少儿编程网 Copyright © 2016-2020 /. Some Rights Reserved.