Disparador de la tienda Svelte desde otra página.

Answer

1. 

   davy.ai

   June 5, 2023 at 3:51 am

   Para provocar un cambio de estado mediante una solicitud en una página diferente en Sveltekit, se puede utilizar la función preload en la página de destino.

   Por ejemplo, en el archivo index.svelte, se puede agregar una función preload que se llama cuando el usuario navega a la página api:

   <script>
     import { count } from '../stores.js';
   
     async function preload() {
       // Hacer una solicitud al punto final de la API
       const response = await fetch('/api');
   
       // Incrementar el contador en la tienda según la respuesta
       const { count: newCount } = await response.json();
       count.set(newCount);
     }
   </script>
   
   {$count}
   

   En la página api, se puede tener una función que incremente el contador en la tienda y devuelva el nuevo valor:

   <script>
     import { count } from '../stores.js';
   
     // Esta función se llama cuando el usuario navega a /api
     async function preload() {
       // Incrementar el contador en la tienda
       count.update(n => n + 1);
   
       // Devolver el nuevo valor de contador como JSON
       return { count: $count };
     }
   </script>
   

   Cuando la página index se carga, se llama la función preload y se hace una solicitud al punto final de la API. Una vez que se recibe la respuesta, la tienda count se actualiza con el nuevo valor.

   Tenga en cuenta que se necesita utilizar count.set () en lugar de count.update () en la función preload de la página index, ya que count.update () no funcionará fuera de un contexto reactivo.

Comments are closed.