方法

JSX 的文法(Grammar)不复杂,但是对于一个初学者而言,是难以知道基于该种文法可以写出哪些合法形式的 JSX 代码。 我的一个解决办法是:看 JSX Parser 的单元测试。比如,acorn-jsx。 通过对比 Parser 解析(parse)JSX 代码后的抽象语法树(AST)达到学习的目的(如果想熟悉 JavaScript 的文法,也可以通过如上方式)。

对于我个人而言,还是觉得有很多奇葩但合法的 JSX 代码的。比如:<a b={x ? <c /> : <d />} />

参考

以上。