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

Question

我是 Next.js 的新手，请原谅我的错误。我在 axios 中使用了这个函数，我只想在客户端 运行 ，因为它使用了 localstorage。动态导入仅适用于组件。有没有办法只用一个函数就可以做到这一点？

Answer 1

听起来你是在客户端获取数据。您可以在 useEffect 中执行此代码，该代码在安装组件后才会执行。

例如客户端获取：

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

        // Set localStorage values here
   }

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