如何解决如何在单个 Gatsby 组件中组合内容丰富的内容类型
我有几种不同的内容类型显示在我网站的不同页面上。在我的主页上,我试图将它们组合成一个数组,然后显示一些最新的。我在那里 90% 但问题是我需要能够为不同类型的内容更改此数组中的 slug。
我能够将它们连接在一起并映射到这个数组上。下面是地图的代码。
return (
<div
key={node.id}
>
<Card
buttonText={`Read the Report`}
buttonLink={`/reports-and-updates/${node.slug}`}
/>
</div>
);
})}
${node.slug} 之前的 URL 发生了变化,所以我需要根据 Contentful Content-Type 动态更改 buttonLink。
我的第一个想法是使用条件运算符在卡片组件上显示不同的按钮,但我无法弄清楚不同类型的内容之间有什么不同的内容。有没有办法查询内容类型名称?即“AllContentfulReport1”“AllcontentfulReport2”。
我的第二个想法是,由于所有这些页面都是使用 gatsby-node 创建的,因此可能有一种方法可以在创建后获取每个页面的最终 URL,但我不知道这是否可行。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。