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

【问题标题】：Why does prettier automatically insert empty interpolation code characters?prettier 为什么会自动插入空插码字符？
【发布时间】：2021-01-29 03:18:04
【问题描述】：

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

这是我的.prettierrc.json：

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

【问题讨论】：

标签： reactjs prettier linter

【解决方案1】：

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

<Col> <strong>...

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

【讨论】：

【解决方案2】：

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

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

【讨论】：