Reactjs 中使用 JSX 的安全导航操作符

Question

我正在通过 JSX 使用 Reactjs。在这种方法中是否有任何安全的导航操作符可以使用？我尝试使用像“foo?.bar”这样的问号运算符，但出现语法错误。

Answer 1

安全导航运营商（又名 Elvis 运营商）是TC39 处于草案状态的提案，所以没有。无论如何还没有（在撰写本文时）。

但是这种丑陋的语法会让你在没有库的情况下到达那里。代替 ...

foo?.bar

... 用这个 ...

(foo||{}).bar||{}

它很难阅读，但它有效并且不依赖于库。

更新：该提案已进入第 4 阶段，因此它将成为 ES2020 的一部分。