如何强制美女使用“总是引用”道具（并遵守我的eslint规则）？

我在

.eslintrc

中设置了规则

“报价道具”：[2，“始终”]

。当我执行

eslint--fix

时，它会正常工作

但是我用更漂亮的格式来格式化我的代码。不幸的是，Prettier没有

始终

，但是

根据需要|保留|一致

用于

引用道具

。因此，当我用Prettier格式化时，结果总是会删除我的报价道具

我怎样才能告诉美女尊重这条规则？添加

//prettier ignore

不是一个选项

.eslintrc：

"extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "prettier",
    "prettier/react"
], // Prettier or Prettier Plugins (here for React) must always be at the end
"env": {
    "cypress/globals": true,
    "node": true,
    "browser": true,
    "es6": true
},
"plugins": ["react", "cypress", "prettier"],
"settings": {
    "react": {
        "createClass": "createClass",
        // Regex for Component Factory to use, default to "createClass"
        "pragma": "React",
        // Pragma to use, default to "React"
        "version": "16.13.1"
        // React version, default to the latest React stable release
    }
},
"parser": "babel-eslint",
"parserOptions": {
    "ecmaFeatures": {
        "jsx": true
    },
    "ecmaVersion": 8,
    "sourceType": "module"
},
"rules": {
    "quote-props": [2, "always"]
...

.prettierrc：

module.exports = {
trailingComma: "none",
tabWidth: 4,
bracketSpacing: true,
arrowParens: "avoid"
};

---

由于

Prettier

不支持“始终引用道具”选项，但

eslint

支持，因此我从

.prettierrc

-文件中删除了

quote-props

设置，并在

.eslintrc

中将道具引用到

[“错误”，“始终”]

最后我用了：

这将通过prettier格式化代码，然后将结果传递给eslint--fix。通过这种方式，您可以从prettier卓越的格式化功能中获益，但也可以从eslint的配置功能中获益