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

Posted 2023-02-22

【中文标题】反应中href标签内的JSON值[重复]

【英文标题】：JSON value inside href tag in react [duplicate]

【发布时间】：2020-08-03 02:10:02

【问题描述】：

所以我有一个用于获取数据的 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 创建另一个字段？

【参考方案1】：

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

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

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