0

因此，当我单击具有动态路由的另一个页面上的按钮时，我试图动态呈现具有其属性的组件。我的路线是：

<Route path="/prod/:id/:descr/:price/:image"><MakePurchase /></Route>

然后我也设置了一个链接如下：

<Link to={"/prod/"+product.id+"/"+product.descr+"/"+product.price+""+product.image}>

在我要渲染的组件中，如下所示：

    return(
<>
...
<img src={props.match.params.image} alt=""/>
...
<h2>{props.match.params.descr}</h2>
<h3>Price: <span >&#8358;</span>{props.match.params.price}</h3>
...
</>
)
}

price 和 descr 的值完美返回，但对于图像，没有显示图像。我做了一个 console.error(props) ，它返回这样的值

isExact: false
params:
descr: "PS5 Dual Sense Wireless Controller"
id: "300"
image: "static"
price: "25000"

请问，如何获取图像的正确路径并在页面上显示图像？

4

0 回答 0