启用linter规则使用' useEffect '而不是' React '.useEffect '(命名为export而

Question

在我们的代码库中，我们总是希望使用

import { useEffect } from 'react';

不是

import React from 'react';
// use in code as `React.useEffect`

有可能实现它与eslint更长的规则吗?如果是，那怎么做?

是否有现有的解决方案?如果没有现有的解决方案，那么如何编写一个自定义的?

我们只想对react依赖项使用这样的规则。

Answer 1

使用no-restricted-imports限制React的导入(默认):

"no-restricted-imports": [
"error",
{
"paths": [
{
"name": "react",
"importNames": ["default"],
// "message": "some messages for who import 'React' accidentally"
}
]
}
],