reactjs - 如何将 es2020 功能添加到现有的 React 应用程序？

Question

我想在我的 react 应用中使用 es2020 的新功能。尝试安装npm install --save-dev babel-preset-es2020并添加.babelrc文件

{
  "presets": ["es2020"]
}

但是它仍然不起作用。es2020新特性如何用react app设置？

Answer 1

尝试更改tsconfig.json目标文件"target": "ES2019"

Answer 2

最新的create-react-app支持es2020开箱即用，它也有一个Typescript模板。它们.tsconfig设置为 output es5，但允许使用最新的 ES 功能编写代码：

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ]

  // ...

  }
}