← Back to rules

react/jsx-no-undef 正确性

它做了什么

禁止在 JSX 中使用未声明的变量。

请注意，如果您正在使用 TypeScript，此规则通常没有必要，因为 TypeScript 会自动捕获未声明的变量。

为什么这是个问题？

这很可能是因为变量或参数名称拼写错误而导致的潜在 ReferenceError。

示例

此规则的 错误 代码示例：

const A = () => <App />;
const C = <B />;

如何使用

通过配置文件或命令行启用此规则的方法如下：

配置文件 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-no-undef": "error"
  }
}

CLI

oxlint --deny react/jsx-no-undef --react-plugin

参考资料

• 规则源码