如何在 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 误报
  }
};
相关推荐
1024小神几秒前
突然原本git链接仓库失败问题排查,竟然是少了.git
前端·javascript
数据智能老司机8 分钟前
React关键概念——处理事件和状态
react.js·前端框架·前端工程化
不爱说话郭德纲10 分钟前
产品:上传图片拖拽一下怎么了 ?
前端·javascript·vue.js
make15 分钟前
AI 流式请求工具函数 (通义千问)
前端·javascript
前端太佬22 分钟前
前端对接微信扫码登录:从踩坑到填坑的全记录
前端·javascript·微信
前端大白话1 小时前
救命!这10个Vue3技巧藏太深了!性能翻倍+摸鱼神器全揭秘
前端·javascript·vue.js
前端大白话1 小时前
前端人必看!10个JavaScript“救命”技巧,让你告别加班改Bug
前端·javascript·程序员
Rudon滨海渔村1 小时前
【Tauri】桌面程序exe开发 - Tauri+Vue开发Windows应用 - 比Electron更轻量!8MB!
javascript·electron·tauri·桌面应用
cg50171 小时前
Vue回调函数中的this
前端·javascript·vue.js
前端太佬1 小时前
从零到一实现扫码登录:一个前端菜鸟的踩坑实录
前端·javascript·架构