更漂亮或VSCode格式化，具有不良行为。添加{''}

Question

我更漂亮。该代码将以不需要的方式格式化。

我该如何解决这个问题？

我检查了更漂亮的文档，并尝试通过设置配置。 将格式应用于图A 后，出现了不想要的格式化行为，其中添加了{''}大括号并在其中加了单引号。请参见图B

<h1 className='title'>
     Read <Link href="/posts/first-post"><a>this page!</a></Link>
</h1>

Read{' '}
   <Link href='/posts/first-post'>
     <a>this page!</a>
   </Link>

---

Answer 1

这就是JSX中空格的工作方式。看到以下问题：Best practice when adding whitespace in JSX

如果Prettier在没有大括号的情况下拆分行，则代码的输出将更改为：Readt̲h̲i̲s̲而不是Read t̲h̲i̲s̲。