javascript - 以 {} 形式出现的 React 图像路径？

Question

我正在将一个图像组件导入到我的卡片中，它看起来像这样:

<CardWrapper as="a" href="#">
    <CardImage src={props.data.imageUrl}/>
    <CardMeta>
        <CardLogo src={props.data.logoUrl} />
        <CardText>{props.data.text}</CardText>
    </CardMeta> 
</CardWrapper>

图像组件看起来像:

export const Image = props => {
  return (
    <div>
        {props.src}
        <ImageContainer alt="test" src="{props.src}" />
    </div>
  )
}

为什么打印成这样？路径是否正确？但是 src 仍然显示括号而不是正确的路径？

<div>
 ./Assets/Img/tile.jpg
 <img alt="test" src="{props.src}" class="sc-bdVaJa bEXmsf">
</div>

Answer 1

应该是这样吧

<ImageContainer alt="test" src={props.src} />