时间戳

首页 > 解决方案 > 正如我们在 PHP 中使用的那样，如何在 html 元素的属性双引号中使用 JXS？

reactjs - 正如我们在 PHP 中使用的那样，如何在 html 元素的属性双引号中使用 JXS？

问题描述

所以在php中如果我们想引用图片的来源，我们可以这样做

<img src="images/<?php $imageName; ">" />

但是在 React 的 JSX 中，我们只能做 like

<img src={image.path} />

但由于我只存储了图像的名称，我需要做这样的事情

<img src="images/{image.name}" />

我确实知道 image.name 是一个字符串，而不是 PHP 中的变量。但是有没有办法写这个？

注意：我也不能创建一个常量字符串，因为它应该写在 this.something.map(smth => "I am wriitng it here")

标签： reactjsjsx

解决方案

你可以试试：

<img src={`images/${image.name}`} />

推荐阅读