是否可以使用来自 graphql 的数据的 href 属性？

【问题标题】：Is it possible to have an href attribute with data from graphql?是否可以使用来自 graphql 的数据的 href 属性？
【发布时间】：2021-07-29 06:00:00
【问题描述】：

我正在尝试将链接转到 website.com/{data.from.graphql}...

我现在拥有的代码：

&lt;a href="https://hicetnunc.xyz/objkt/{node.value.objkt_id}"&gt;{node.value.objkt_id}&lt;/a&gt;

我需要从我的 graphql 查询中转到 https://hicetnunc.xyz/objkt/{data} 的链接，这可能吗？

【问题讨论】：

【解决方案1】：

鉴于 Gatsby 使用 JSX 语法，您会寻找

<a href={ "https://hicetnunc.xyz/objkt/" + node.value.objkt_id }>{node.value.objkt_id}</a>

【讨论】：

扩展正确答案：您也可以通过<a href={`https://hicetnunc.xyz/objkt/${node.value.objkt_id}`}>{node.value.objkt_id}</a>添加模板文字