json - 反应中href标签内的JSON值

Question

所以我有一个 JSON 来获取数据。

JSON 示例：

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

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

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

标签： jsonreactjs

Answer 1

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

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

请参阅这些文档，了解如何将属性传递给 JSX 元素。上面只是一个简单的Javascript 模板升作为属性传递给<a>标签。