6

当 jsx 跨越多行时,哪个 eslint 规则更喜欢前者而不是后者?目前 prettier 正在将首选更改为 notPreferred

const preferred = (
    <tag
        prop={hi}
        another={test}
    \>
);

const notPreferred = (<tag
        prop={hi}
        Another={test}
    \>
);
4

2 回答 2

2

我一直在寻找相同的东西,似乎react/jsx-wrap-multilines规则涵盖了这一点。

这意味着添加:

"react/jsx-wrap-multilines": ["error", {
   "declaration": "parens-new-line",
    "assignment": "parens-new-line",
    "return": "parens-new-line",
    "arrow": "parens-new-line",
    "condition": "parens-new-line",
    "logical": "parens-new-line",
    "prop": "parens-new-line"
  }
]

这可以完成工作,您可以通过多种方式对其进行自定义,请查看文档

于 2019-11-14T13:45:40.977 回答
-1

对我来说,将此添加到更漂亮的配置或 .prettierrc 解决了问题

"printWidth": 50

默认值为 80 左右

值越低,它得到的多行越多

祝你好运编码:)

于 2020-11-21T01:06:05.360 回答