javascript - 如果 jsx 是多行的，则强制 jsx 从新行开始

Question

当 jsx 跨越多行时，哪种 eslint 规则更喜欢前者而不是后者？目前 prettier 正在从 preferred 变为 notPreferred

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

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

Answer 1

我也在找一样的，好像是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"
  }
]

这就完成了工作，您可以通过多种方式自定义它，看看文档 👍