reactjs ESLint规则:将嵌套的JSX元素拆分为多行

wbgh16ku  于 2023-01-25  发布在  React
关注(0)|答案(1)|浏览(113)

我想配置我的ESLint自动样式化我的JSX元素。基本上它应该转换如下:

<Link to={'operations'}><Button variant={'contained'}><i>Çalışmalar</i></Button></Link>

到这个

<Link to={'groups'}>
  <Button variant={'contained'}>
    <i>Gruplar</i>
  </Button>
</Link>

我只是似乎找不到正确的ESLint规则。
我已经尝试了一些规则,如 * react/jsx-newline *,但它们不是我想要的。

t5fffqht

t5fffqht1#

您可以使用prettier来实现这一点。
在VSCode中安装扩展模块,然后查看here如何在React应用程序中设置ESLINT和PRETTIER

相关问题