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

Question

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

这是我的.prettierrc.json：

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

标签： reactjsprettierlinter

Answer 1

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

<Col> <strong>...

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