如何在 svelte 中使用 useCallback 钩子

Question

这是我的代码块在 React 中与钩子一起使用时看起来很行useCallback，但我想在 svelte 中使用相同的函数，但想在 useCallback 钩子中添加它。有什么替代品吗？

const newCancelToken = useCallback(() => {
        axiosSource.current = axios.CancelToken.source();
        return axiosSource.current.token;
    }, []);

Answer 1

请记住：svelte 处理其组件的方式与 React 有很大不同。

每当组件内的任何状态或父级中的任何位置发生变化时，React 都会重新渲染所有组件。为了避免重新计算，您需要在您的情况下使用useMemo或。useCallback

Svelte 是一个编译器，它会分析您的模板，以便在任何相关状态发生变化时创建目标 DOM 更新代码。考虑到这一点，您不需要用 svelte 来记住这些函数。