作者:cryy5bl-1940 | 来源:互联网 | 2020-11-30 09:38
react中导入图片的方法:1、通过import方式导入,代码为【importlogofrom.assetlogo.jpg】;2、使用require方法,代码为【<imgsrc{require(..img....】。
react中导入图片的方法:1、通过import方式导入,代码为【import logo from &#39;./asset/logo.jpg&#39;】;2、使用require方法,代码为【
react中导入图片的方法:
1、通过import方式(适用于插入静态图片):
import React from &#39;react&#39;
import logo from &#39;./asset/logo.jpg&#39;
export default class Login extends React.Component {
render() {
return (<>
>)
}
}
2、使用require方法(可以使用此方法插入动态图片):
require中不能有纯粹的代表图片地址的变量,但是可以通过变量和字符串拼接的方式来使用此方法。
3、css中可以通过直接使用图片地址的方式来引用图片(和原生的一样)。
相关免费学习推荐:Javascript(视频)
以上就是react中如何导入图片的详细内容,更多请关注 第一PHP社区 其它相关文章!