当前位置:首页 > React > 正文内容

jsx本质

自由小鸟5年前 (2019-11-19)React2522

jsx本质其实是语法糖,需被解析成js才能运行

jsx语法

    1,html形式

    2,引入js变量和表达式

    3,if ..else

    4,循环

    5,style和className

    6,事件

jsx语法已经成为独立的标准(它可以被结合其它的库使用)--jsx是react引入的,但不是react独有的

react.createElement是可以自定义修改的

jsx的写法大大降低了学习成本和编码工作量

同时,jsx也会增加debug成本


image.png

image.png

这个React.createElelment类似于vue里的vdom的h函数

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=77

返回列表

没有更早的文章了...

下一篇:react 新手注意的事项

“jsx本质” 的相关文章

react 新手注意的事项

react 新手注意的事项

vscode 安装 simple React Snippets快速使用1》 imrc (import React, { Component } from ‘react’;)2》cc (class ….) 1,样式文件直接import ‘路径引入’ 到js文件中就可以直接使用2,class样式需要...