为什么 VS Code 更改 useState 的导入？

Question

直到今天，每当我在 React 应用程序的新页面或组件上请求“useState”时，我都会得到以下自动完成选项：

import { useState } from "react";

据我所知，这仍然是 useState 的正确导入语句。然而，今天，当我尝试导入 useState 时，我有两个选择：

import { useState } from "react/cjs/react.production.min";
import { useState } from "react/cjs/react.development";

此外，当使用 useState 时：

const [thisVar, setThisVar] = useState(0);

VS Code 用于以黄色突出显示 setter 或“setThisVar”。它不再这样做，如图所示。这让我认为它不再默认将设置器识别为函数。以前的代码仍然按预期工作，只是每次都必须更正导入语句，这很烦人。我还担心这是一个更大问题的一部分。

我尝试安装扩展“JavaScript and TypeScript Nightly”，这似乎对问题没有任何影响。我还尝试安装最新版本的“@types/react”，这同样没有解决问题。

最近对 ESLint 或 Prettier 进行的更改是否会导致此问题？有谁知道如何让 VSCode 恢复正常工作？

谢谢！

Answer 1

我遇到了同样的问题，通过将 vscode 更新到最新版本解决了它。