JSX

JSX

  • JSX语法
  • JSX解析成js
  • 独立的标准

jsx语法

  • html形式
  • 引入js变量和表达式(用{},在{}内部可以写js语法,注释,甚至是html和js混用,但并不能被浏览器解析,)
  • 事件
  • style和className
  • if...else
  • 循环

jsx解析成js

  • 与vue的模板解析类似,实际上jsx是语法糖,该方法的参数和snabbdom的h()函数类似,和vdom有着千丝万缕的联系。

jsx独立的标准

  • 由react引入,但不是react独有的。
  • 标准:本身功能已经完备,和其他标准兼容,扩展性也没有问题
  • React.createElement()可自定义修改,比如社区中有个pReact将该函数改为h()函数,(通过/* @jsx h */),其实本质是一样的。
原文地址:https://www.cnblogs.com/zhonghonglin1997/p/10682948.html