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 */),其实本质是一样的。
posted @ 2019-04-10 13:42  骨子里的钟  阅读(206)  评论(0编辑  收藏  举报