我需要帮助根据Svelte中的名称值访问JSON文件中的特定对象.
我使用JSON作为数据源,能够将其拉入我的页面,并与每个页面循环.
JSON看起来是这样的:
[
{
"id": 1,
"title": "Project 1",
"body": "Project 1 text"
},
{
"id": 2,
"title": "Project 2",
"body": "Project 2 text"
}
]
我访问JSON的方式如下:
<script context="module">
export const load = async ({ fetch }) => {
const res = await fetch("https://amarton.github.io/amcom-portfolio-svelte/static/port.json");
const projects = await res.json();
return {
props: {
projects,
}
}
}
</script>
<script>
export let projects;
</script>
然后循环显示如下:
{#each projects as project}
<h2>{project.title}</h2>
<p>{project.body}</p>
{/each}
我希望能够根据分配的ID访问对象.例如,如何只抓取id为2的对象,并在页面中显示其标题和正文?
很抱歉,如果这是一个非常基本的问题,非常感谢您提供的任何帮助.