reactjs - 如何对齐多行道具？

Question

在 eslintrc 我有：

"react/jsx-indent": ["warn", 4],
"react/jsx-indent-props": ["warn", 4]
...

这会产生这样的代码

    <div
        className={cn(
 spacingCSS["marginBottom_xl"],
 spacingCSS["marginTop_l"],
 "form__how-to"
 )}
    >

我希望它看起来像这样

    <div
        className={cn(
        spacingCSS["marginBottom_xl"],
        spacingCSS["marginTop_l"],
        "form__how-to"
        )}
    >

标签： reactjseslint