反应中href标签内的JSON值[重复]

Question

所以我有一个用于获取数据的 JSON。

JSON 示例：

  { 
        "postid": "123123, 
        "title": "title of post",
    }

我正在尝试将此 id 添加到像 <a href="https://example.com/{data.post}">Post</a> 这样的 href 中，但它不会呈现，我在前端得到一个 https://example.com/{data.post} url。 （<p>{data.post}</p> 会正常呈现帖子 ID。）

有没有办法在 href 标记中获取字段？还是应该在我的 JSON 上使用完整的 URL 创建另一个字段？

Answer 1

将模板文字作为普通值传入：

<a href={`https://example.com/${data.post}`}>Post</a>

请参阅these docs 了解如何将属性传递给 JSX 元素。以上只是一个简单的Javascript tempalate liter 作为<a> 标签的道具。