热门标签
当前位置: article > 正文
react 中 引入图片的几种方式_tsx文件中引入图片路径
作者：AllinToyou | 2024-02-07 14:22:11
赞
踩
tsx文件中引入图片路径
//方式一：
import tsIcon
from
'../images/typescript.jpeg';
//方式二：
const tsIcon =
require(
'../images/typescript.jpeg');
//使用方式一：<img src={tsIcon} alt=
"" />
//使用方式二：<div style={{
background:
`url(${tsIcon}) no-repeat`}}>
</div>
//使用方式三：
const styles = {
test: {
background:
`url(${tsIcon}) no-repeat center` }}render() {
return (
<div style={styles.test}></div> )}
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/65945
推荐阅读
相关标签
