index.astro
· 360 B · Text
Raw
---
// Request Data
const Teams = await fetch('https://example.org/data.json').then((response) => response.json())
---
<!-- Map JSON Data -->
{Teams.map((team) =>
{
<div class="team">
<h2>{team.name}</h2>
<p>{team.amount} Members</p>
</div>
}
)}
<!-- Get specific data, this example grabs data from the 12th entry -->
{Team[12].name}
| 1 | --- |
| 2 | // Request Data |
| 3 | const Teams = await fetch('https://example.org/data.json').then((response) => response.json()) |
| 4 | --- |
| 5 | |
| 6 | <!-- Map JSON Data --> |
| 7 | {Teams.map((team) => |
| 8 | { |
| 9 | <div class="team"> |
| 10 | <h2>{team.name}</h2> |
| 11 | <p>{team.amount} Members</p> |
| 12 | </div> |
| 13 | } |
| 14 | )} |
| 15 | |
| 16 | <!-- Get specific data, this example grabs data from the 12th entry --> |
| 17 | {Team[12].name} |