如何在 TypeScript + ESLint 中正确处理 React 未定义问题

通用组件库报错

解决方案 :在 eslint.config.js 或 .eslintrc.js 中配置 globals

在 ESLint 配置文件中(如 .eslintrc.js 或 eslint.config.js),声明 React 作为全局变量:

javascript 复制代码
module.exports = {
  globals: {
    React: "readonly"
  },
  extends: ["eslint:recommended", "plugin:react/recommended"],
  rules: {
    "no-undef": "off" // 关闭 no-undef 规则,避免 React 误报
  }
};
相关推荐
研☆香8 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
日光倾10 小时前
TypeScript 随手记 —— 1
前端·javascript·typescript
Buke..12 小时前
【APP 逆向】哔哩哔哩 sign 参数逆向(下):OLLVM 混淆还原 sign 算法
java·javascript·爬虫·python·算法
前端炒粉14 小时前
长会话虚拟滚动与渲染优化
前端·javascript·vue.js
谙忆102414 小时前
图片裁剪总是跑偏?用 object-fit、object-position 和真实像素把坐标对齐
javascript·css·图像识别
花归去15 小时前
ant的a-table更改表格的高度
前端·javascript·html
sibylyue15 小时前
基于 Vben Admin 框架的 Vue 3 前端项目配置文件及常用命令
前端·javascript·vue.js
werdedeage17 小时前
从一个 loading 到完整状态机:多模型图片编辑流程的前端建模
typescript
BreezeJiang17 小时前
学 App Router,真正该串起来的是路由、数据和失败分支
react.js
JaydenAI17 小时前
[TypeScript学习笔记-10]一个特殊且重要的类型:Symbol
typescript·symbol