如何在 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 误报
  }
};
相关推荐
朴shu5 分钟前
Delta数据结构:深入剖析高效数据同步的奥秘
javascript·算法·架构
琉-璃30 分钟前
vue3+ts 任意组件间的通信 mitt的使用
前端·javascript·vue.js
FogLetter1 小时前
React Fiber 机制:让渲染变得“有礼貌”的魔法
前端·react.js
小杨梅君1 小时前
探索现代 CSS 色彩:从 HSL 到 OKLCH,打造动态色阶
前端·javascript·css
刺客_Andy1 小时前
React 第五十一节 Router中useOutletContext的使用详解及注意事项
前端·javascript·react.js
你说啥名字好呢2 小时前
【React Fiber的重要属性】
javascript·react.js·ecmascript
三年三月2 小时前
自建HTTPS证书
前端·javascript
Dm_dotnet2 小时前
React(二):构建一个简单的聊天助手学到的React知识
react.js
木易士心3 小时前
如何优化v-if和v-for的性能?
前端·javascript
Dm_dotnet3 小时前
React学习(一):使用react-router构建导航应用
react.js