为什么prettier会自动插入空内插码字符？

Question

为什么prettier create会自动插入空插补{‘'}个代码字符？

这是我的.prettierrc.json

{
  "trailingComma": "none",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true,
  "jsxSingleQuote": true
}

​

​

Answer 1

这是因为在你之前，两个组件之间有一个空格。

<Col> <strong>...

它将其解释为您想要在“Col”开头的文字字符串空格。因此，它通过将JSX中的空格转换为{‘ ‘}，使这一点变得非常明确。这样，它可以将每个元素放在自己的行上，并且仍然有开头的空格。

Answer 2

在第47行，注意<Col>之后和<strong>之前的空格，这是您可能有一些copypasta或奇怪字符的地方。(这也是为什么图片形式的代码不是问题的首选，而是代码块)

出于某种奇怪的原因，Prettier很可能会转义这个字符，也许这样它就可以在生成的html中“输出”。