我在我的 React 应用程序中遇到了问题,在通过 a 或图像后不会显示。CSS定义好了,控制台显示500错误,虽然我有图片等,有的代码是这样的;
<img className="baner" src="/..img/icons/sold-out.png" alt="Item Sold Out"></img>
有些像这样
<img className="medium" src={product.image} alt={product.name} />
在做了一些研究之后,我发现在路径的 beinning 中添加了一个 / 。例如;
<img className="baner" src="/../img/icons/sold-out.png" alt="Item Sold Out"></img>
也就是说,我不知道如何将其添加到第二个示例中,或者它实际上甚至可以工作。尝试;
<img className="medium" src=/{product.image} alt={product.name} />
产生错误,就像
<img className="medium" src='/{product.image} alt={product.name} />
<img className="medium" src={/{product.image}} alt={product.name} />
等。我不知道如何使这项工作。任何帮助表示赞赏。
<img className="medium" src={`/${product.image}`} alt={product.name}/>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句