如果使用 useState，如何将 es-lint 配置为警告/错误

【问题标题】：How can es-lint be configured to warn/error if useState is used如果使用 useState，如何将 es-lint 配置为警告/错误
【发布时间】：2021-04-21 19:13:00
【问题描述】：

我无法找到规则，但如果有人尝试访问 useState 而不是状态提供者，是否可以引发警告或错误？

我希望我不需要使用自定义规则，但如果没有现有的规则，我可以解决这个问题。

【问题讨论】：

标签： javascript reactjs eslint

【解决方案1】：

您可以使用no-restricted-syntax

您需要做的就是玩弄AST Explorer。我已经为您完成了，您需要将此添加到您的 .eslintrc 文件中的 rules 部分。

在下面的示例中，根据您的需要，您可以将其作为error 或warn 抛出。

"no-restricted-syntax": [
     "error",
     {
         "selector": "CallExpression[callee.name='useState']",
         "message": "Please use state provider instead."
     }
],

【讨论】：