reactjs - React JSX 中的 try-catch 语句

Question

根据JSX reference , 这就是 try-catch 语句的样子

try {
  statement*
} [catch (varname : type) {
  statement*
}]* [finally {
  statement*
}]

我尝试了以下

try {
  console.log(window.device.version)
} catch (e : TypeError) {
  console.log('Error')
}

这导致错误

Module build failed: SyntaxError: Unexpected token, expected ) (11:15)

9  |     try {
10 |       console.log(window.device.version)
11 |     } catch (e : TypeError) {
   |                ^
12 |       console.log('Error')
13 |     }
14 |     return (

那么在 JSX 中使用 try-catch 语句的正确方法是什么？

Answer 1

react JSX

它看起来像 TypeScript 风格。只需使用 try{ } catch(e) { console.error(e); }会好的。

看看MDN ，并且不要忘记 JSX 只是 React.createElement 的语法糖.

JSX - 更快、更安全、更简单的 JavaScript

你提到的链接是不是 react React JSX，但是一个全新的东西叫做 DeNA JSX。

看看this issue在 DeNA JSX 中，和 this PR .