He estado tratando de hacer una wiki de aplicaciones web usando mi conocimiento de Restful API y svelte y me encontré con un problema en el que le di a las etiquetas de hipervínculo la identificación de la identificación de cada objeto en la base de datos, funciona pero el problema es que sigue mostrando la identificación de la etiqueta de hipervínculo () como texto en el navegador. ¿Cómo puedo arreglar esto?
Aquí hay una representación visual del resultado:

Aquí está el código:
<script> import { onMount } from 'svelte'; import { each } from 'svelte/internal'; import { store } from '$lib/store'; let articles = []; onMount(async () => { const response = await fetch('http://localhost:5000/articles'); const data = await response.json(); articles = data; }) </script> <div class="container"> {#each articles as article} <a href="/articles/article/{article._id}" id={article._id}> {article.title} <hr> </a> {$store = article._id} {/each} </div> <style> a { text-decoration: none; color: rgb(223, 209, 209); font-weight: bold; font-size: 1.5rem; } a::hover { text-decoration: underline; } div { margin-top: 90px; text-align: center; } </style>Realmente necesito ayuda T_T
Para no mostrar la identificación, debe eliminar esta línea:
{$store = article._id}Esto es asignar a la tienda y devolver el valor, lo que representa el texto de ID. Esto no es algo normal en el código Svelte. Por lo general, actualiza los datos en su bloque de script y los representa en su plantilla; su plantilla no debería tener efectos secundarios en sus datos.