请问react中img的src需要import引入图片路径，如何能写相对路径啊，build生成以后它会改图片名字，所以用

Posted 2023-04-28

绝对路径也不行啊

参考技术A BIAS0:= (C-MA(C,2))/MA(C,2)*100;
BIAS1 := (C-MA(C,12))/MA(C,12)*100;
BIAS2 := (C-MA(C,26))/MA(C,26)*100;
BIAS3 := (C-MA(C,48))/MA(C,48)*100;
HXL:=V/CAPITAL*100;
D1:=INDEXC;
D2:=MA(D1,56);
DR2:=D1/D2<0.94;
E1:=(C-HHV(C,12))/HHV(C,12)*10;
E2:=(C-REF(C,26))/REF(C,26)*10;

React使用jsx语法引入图片

参考技术A React使用jsx语法引入图片的时候,不能像在HTML中那样直接给img的src属性一个图片的地址,如:

<img src="../images/img01.jpg" />

而在React中,则需要通过先引入图片资源,然后将该图片资源赋值给img的src属性,如

import Logo from "./images/logo.png"

<img src=Logo alt="鲜花" />

另外一种方式,使用require的方式:

<img src=require("./images/logo.png") alt=""/>

这种方式,需要我们通过webpack配置了url-loader,不过一般情况下,都会配置,不配置的情况很少,或者说基本不存在,基本可以不用考虑这种情况.