JSX
JSX
JavasriptXML
基于EXMAAcript的一种新特性
一种定义带属性的树结构的语法
特点:
类XML语法容易接受
增强JS语义
结构清晰
抽象程度高
代码模块化
使用:
JSX的语法
首字母大小写
嵌套
求值表达式 不能写入语句
驼峰命名
htmlFor和className
注释:/**/ //
使用CSS样式
条件判断四种:
直接调用函数
三元
||
赋值变量
强制求值算法
非DOM属性:
dangerouslySetInnerHTML 动态生成的HTML
<div dangerouslySetInnerHTML={{__html: 'cc © 2015'}} />
ref 父组件传递子组件
key 提高性能
列表元素要加上key
内容相似的组件用同一个
JSX解释器架构介绍
源码阅读方法:
从执行顺序入手
适量忽略细节
做笔记画图
反复阅读
解析流程
入口函数 模块s 解析JSX 执行JS