VS Code 不理解 Tsx 中的简写 React.Fragment 标签答案

【问题标题】：VS Code Doesn't Understand Shorthand React.Fragment Tags In TsxVS Code 不理解 Tsx 中的简写 React.Fragment 标签
【发布时间】：2021-04-23 00:25:32
【问题描述】：

我已经用 TypeScript 设置了一个 create-react-app：

npx create-react-app my-app --template typescript

但是，每当我尝试使用简写标记时，例如：

function App() {
return (<>
    <header>Hello World</header>
</>);
}

VS Code 报错：

Type expected. (6:13)
  4 | 
  5 | function App() {
> 6 |     return <><header>Hello World</header></>;
    |             ^
  7 | }
  8 | 
  9 | export default App;

React 本身当然可以很好地理解和渲染它。为什么 VS Code 将此指示为错误，我该如何解决？

【问题讨论】：

这不是 VS Code 的问题，你安装了哪些扩展？
好电话 - 它是由 Prettier Now 引起的。如果您想发布答案，我会接受:)
完成，谢谢！很高兴我能帮忙

标签： reactjs typescript create-react-app

【解决方案1】：

这不是 VS Code 的默认行为。这可能是由扩展引起的。

【讨论】：

它是由代码美化器 Prettier Now 引起的。感谢您的快速回复！