小编ivi*_*_it的帖子

如何强制 Prettier 使用始终引用属性(并尊重我的 eslint 规则)?

我制定了我的.eslintrc规则"quote-props": [2, "always"]。当我这样做时,eslint --fix它会正常工作。

但我用 Prettier 格式化我的代码。不幸的是,Prettier 没有always办法。因此,当我使用 Prettier 进行格式化时,结果总是会删除我的 quote 属性。as-needed|preserve|consistentquote-props

我如何告诉 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 …
Run Code Online (Sandbox Code Playgroud)

eslint prettier prettier-eslint

5
推荐指数
1
解决办法
4433
查看次数

对具有可选链接的元素进行 Null 检查

像下面的示例一样,使用可选链进行 null 检查是一种好的做法吗?

document.querySelector('.foo')?.classList.add('bar');
Run Code Online (Sandbox Code Playgroud)

在许多代码库中我看到了这一点:

let el = document.querySelector('.foo');

if(el){
 el.classList.add('bar');
}
Run Code Online (Sandbox Code Playgroud)

我认为链接更加干净,并且在这两种情况下都会发生无声的失败。我知道浏览器支持。

javascript optional-chaining

2
推荐指数
1
解决办法
1069
查看次数