React中图片引入的几种方式

2022-10-07 12:39:35

方式1

import tsIcon from '../images/typescript.jpeg';

方式2

const tsIcon = require('../images/typescript.jpeg');

使用方式1

<img src={tsIcon} alt="" />

使用方式2

const styles = { test: { background: `url(${tsIcon}) no-repeat center` }}render() { return ( <div style={styles.test}></div> )}

下面是小案例图片
在这里插入图片描述

  • 作者：_zhiqun
  • 原文链接：https://blog.csdn.net/weixin_42470791/article/details/83095916
    更新时间：2022-10-07 12:39:35