React中图片引入的几种方式

版权声明：本文原创为夏狮狮，转载请说明出处！ https://blog.csdn.net/weixin_42470791/article/details/83095916

方式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> )}

下面是小案例图片