VS Code 不理解 Tsx 中的 Shorthand React.Fragment 标签

Question

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

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

但是，每当我尝试使用 shorthand 标签时，例如：

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 将此指示为错误，以及我该如何修复它？

Answer 1

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

VS Code 不理解 Tsx 中的 Shorthand React.Fragment 标签

VS Code Doesn't Understand Shorthand React.Fragment Tags In Tsx

typescript

reactjs

create-react-app