什么是 eslint-plugin-reselect
eslint-plugin-reselect 是一个 ESLint 插件，用于验证 Reselect 选择器的正确性。Reselect 是一个流行的 JavaScript 库，用于创建可组合的“选择器”函数。选择器函数计算从 Redux 状态树中获取的衍生数据，这些衍生数据被使用者作为组件属性进行访问。
eslint-plugin-reselect 提供了规则，在编写 Reselect 选择器函数时遵循最佳实践，以提高代码的可维护性和可读性。
如何安装？
要使用 eslint-plugin-reselect，需要先全局安装 ESLint：
npm install -g eslint
接着，安装 eslint-plugin-reselect：
npm install --save-dev eslint-plugin-reselect
如何配置？
在您的 .eslintrc 配置文件中，添加以下代码以启用 eslint-plugin-reselect：
{
"plugins": [
"reselect"
],
"rules": {
"reselect/selector-argument-length": "error"
}
}此处，我们只启用了 reselect 插件提供的一个规则，即 selector-argument-length，该规则确保选择器函数的参数数量不大于 3。
如何使用？
在代码中定义 Reselect 选择器时，处理函数的输入参数应该是来自 Redux 储存的衍生数据，处理函数应当返回计算结果。
以下是一个简单的 Reselect 选择器定义的例子：
import { createSelector } from 'reselect';
// 比较简单的 Reselect 选择器的定义
export const getCheckedItems = createSelector(
state => state.items,
items => items.filter(item => item.isChecked)
);由于我们已经在 .eslintrc 文件中添加了选择器参数长度的限制，因此如果 Reselect 选择器的参数数量超过了 3，将得到一个错误提示。
总结
eslint-plugin-reselect 是一个非常有用的 ESLint 插件，它可以在开发 Reselect 选择器时提供各种验证规则，以确保您的代码遵循最佳实践。
在您的项目中引入 eslint-plugin-reselect 可以帮助您写出可读性更高的代码，并可以避免一些常见的代码错误，从而提高您的代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e9b81e8991b448dbf12