react的＜img /＞标签路径使用方式以及css引用方式

react的标签路径使用方式

1. 使用import导入：

import logo from "../assets/images/logo.png";  // 引用

<img src={ logo } />                           // 使用

2. 使用require方式：

<img src={require("../assets/images/logo.png")} />

注意：

1. require里面只能写字符串, 不能写变量！

2. react img中的src不支持直接赋值相对路径，即不支持:

<img src="../assets/images/logo.png"/>

react css引用图片的方式

1. css 中用正常 css 语法

background: url("../assets/images/logo.png");

2. 组件中操作 style 属性

style={{background:`url(${require("../assets/images/logo.png")})`}}