ConflictLint+TypescriptReact18/'React'mustbeinscopewhenusingJSX

当您同时使用 lint 和 TypeScript 以及 React 18 时，可能会遇到“'React' must be in scope when using JSX”的错误。这是由于 TypeScript 编译器和 ESLint 规则之间的冲突导致的。

要解决此问题，请尝试在您的 .eslintrc 文件中添加以下规则：

{
  "settings": {
    "react": {
      "version": "latest"
    }
  },
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off"
  }
}

这将禁用 react/jsx-uses-react 和 react/react-in-jsx-scope 规则，从而解决错误。请注意，在这种情况下，您仍然需要在您的代码中 import React from 'react'。