主页 / coding / 问题 / 77840605
Accepted
Fred Hors
Asked: 2024-01-18 23:35:15 +0800 CST

有没有办法简化此代码，避免每次手动调用“onDestroy”？

  • 772

我们在 SvelteKit 应用程序的多个位置使用 EventSource，如下所示：

<script>
  import { onDestroy } from 'svelte';
  import { customEventSource } from '$lib/events';

  const callback = (event: MessageEvent) => {
    console.log('event:', event);
  };

  customEventSource.addEventListener('message', callback);

  onDestroy(() => {
    customEventSource.removeEventListener('message', callback);
  });
</script>

正如你所看到的，每次都有很多东西要写。

难道没有一种神奇的方法（正如 Svelte 教给我们的那样）来简化吗？

特别是这样我就不必每次都手动调用？onDestroy

svelte

1 个回答

  1. Best Answer

    我想这样的事情会起作用：

    // This is a helper file.

import { onDestroy } from 'svelte'
import { customEventSource } from '$lib/events'

export function listenForMessages(listener){
   customEventSource.addEventListener('message', listener)
   onDestroy(() => customEventSource.removeEventListener('message', listener))
}

    在您的组件中：

    <script>
import { listenForMessages } from './the-file.js'

listenForMessages((event) => {
   console.log('event:', event)
})
</script>
    • 2

相关问题