React中插入圖片的幾種方式

 一、通過import方式（適用於插入靜態圖片）：

import React from 'react' import logo from './asset/logo.jpg' export default class Login extends React.Component { render() { return (<> <img src={logo} alt="logo" /> </>) } }

2、使用require方法（可以使用此方法插入動態圖片）：

<img src={require('../img/iconxx.png')} alt="" />

require中不能有純粹的代表圖片地址的變量，但是可以通過變量和字符串拼接的方式來使用此方法。

3、css中可以通過直接使用圖片地址的方式來引用圖片(和原生的一樣)。