React中图片使用方法

img

1
2
3
import softwareLogo from 'assets/software-logo.svg'

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

优点是使用方便，但不好规定样式和图片大小

svg

1
2
3
import { ReactComponent as SoftwareLogo } from "assets/software-logo.svg";
// 将图片作为一个组件引入
<SoftwareLogo width={'18rem'} color={'rgb(38, 132, 255)'}></SoftwareLogo>

轻易的就能改变样式