小编gab*_*iso的帖子

我昨天开始使用fish作为我的shell，今天我尝试使用yarn在终端中运行我的NextJs应用程序，并且tailwind给了我一个关于节点版本的错误。我检查了一下，然后发现当前版本是10.19.0。

在我的 zsh shell 中，我安装了 Node、npm 和 nvm，并且可以毫无错误地使用它们，但在我的 Fish shell 中，仅存在 Node。我尝试使用以下命令在终端中安装 nvm：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash \n

以下输出是：

=> nvm is already installed in /home/gabriel/.nvm, trying to update using git\n=> error: pathspec \'v0.31.4\' did not match any file(s) known to git\n\n=> Source string already in /home/gabriel/.profile\nmain: linha 293: /nvm.sh: Arquivo ou diret\xc3\xb3rio n\xc3\xa3o encontrado\n=> Close and reopen your terminal to start using nvm or run the following to use it now:\n\nexport NVM_DIR="/home/gabriel/.nvm"\n[ -s "$NVM_DIR/nvm.sh" …

我想知道下面传递给我的函数的这个参数的类型是什么

const fetcher = async (...args) => {                                
~_  0   const res = await fetch(...args);                                                                       
    1                                            
~   2   return res.json();                                                                                      
    3 };  

这是我的 SWR 提取器函数，这是我得到的错误

[tsserver 2556] [E] Expected 1-2 arguments, but got 0 or more.

驻波钩

const { error, data } = useSWR(`/api/albums/list/${user.id}`, fetcher)

在我的应用程序中，每次用户创建新专辑时，发布请求响应都会以更新的专辑列表列表进行响应。

为了提供更好的用户体验，我希望用户无需刷新页面即可看到应用中的新内容。

我知道 SWR 的 mutate 的存在，但到目前为止，我无法让它发挥作用。

我试图refreshInterval在我的钩子中设置一个 1000 毫秒，但我想知道如何通过使用 mutate 来做到这一点。这是我尝试过的：

驻波钩

const fetcher = async (url: string, param: string) => {
    const res = await fetch(url + param);
    
   return res.json();
};


const { data, error } = useSWR(
 ["/api/albums/list?id=", appUser.id],
  (url, params) => fetcher(url, params)
);

createAlbum函数内部：

const data = await response.json();

mutate("/api/albums/list", data.newAlbums, false);

我很乐意得到一些反馈。

我使用的是反应选择库中的选择元素，在我的项目中我使用的是样式组件。我想问我是否可以在 styles.ts 文件中对其进行样式设置。如果不可能，你们能给我一些如何做造型的建议吗？

React 内部：FC

import Select from 'react-select'

...

const options = [
    { value: 'Income', label: 'Income' },
    { value: 'Expense', label: 'Expense' },
  ]

...

       <Form>
        <InputElement />
        <Select options={options} />
      </Form>