如何仅在客户端导入 Next.js 中的函数？

Question

我对 Next.js 很陌生，所以请原谅我的错误。我在 axios 中使用这个函数编写，我只想在客户端运行，因为它使用本地存储。动态导入仅适用于组件。有没有办法我可以只用一个函数来做到这一点？

Answer 1

听起来您正在客户端进行数据获取。您可以执行此代码，其中useEffect只有在组件安装后才会执行。

例如对于客户端获取：

useEffect(() => {
   const doMyAxiosCall = async () => {
        ...

        // Set localStorage values here
   }

   // This will only be executed on the client
   doMyAxiosCall();
}, [])