reactjs 如何在使用“require”时使props直接在image标签中工作?

1mrurvl1  于 2023-03-29  发布在  React
关注(0)|答案(1)|浏览(126)

我像这样传递图像源:

<Card img="card-1.png" />
function Card(props){
   return(
       <img src={require(props.img)} alt="card1" />
   )

这是给我“Cannot find module 'card-1.png'”错误。
它是工作,如果我把图像的网址直接这样:

function Card(props){
   return(
       <img src={require("card-1.png")} alt="card1" />
   )

谢谢!

mkshixfv

mkshixfv1#

尝试“模板文字”

<img src={require(`${props.img}`)} alt="card1" />

相关问题