导入React时出现TS6133错误：React已声明但未使用

这个错误是TypeScript的noUnusedLocals规则触发的——它检测到你导入了React但没有在代码中实际使用。以下是几种实用解决方案：

方案1：删除未使用的导入（推荐，适用于React 17+） #

React 17及之后的版本支持JSX自动转换，编写JSX代码不再需要显式导入React。直接移除多余的导入语句即可：

// 移除该行：import React from "react";
import reactDom from "react-dom";

方案2：实际使用React（适用于需要React API的场景） #

如果要用到React的内置API（比如React.useState、React.createElement），只需在代码中调用这些API，错误就会自动消失：

import React from "react";
import reactDom from "react-dom";

// 示例：使用React的useState钩子
const App = () => {
  const [count, setCount] = React.useState(0);
  return <div>Count: {count}</div>;
};

reactDom.render(<App />, document.getElementById("root"));

方案3：配置规则忽略该提示 #

若必须保留导入但暂时用不到，可通过配置跳过检查：

• 临时忽略单条导入：在导入行添加注释

  // @ts-ignore
  import React from "react";
  import reactDom from "react-dom";
  

• 全局忽略React的未使用提示：在.eslintrc的rules字段中添加配置（不建议全局关闭noUnusedLocals，会错过其他潜在问题）

  "@typescript-eslint/no-unused-vars": ["error", { "varsIgnorePattern": "^React$" }]
  

内容的提问来源于stack exchange，提问作者qusai ghalil