1、 JSX
语法基础
React
使用 JSX
来替代常规的JavaScript
。
JSX
是按照 XML
语法规范 的 JavaScript
语法扩展。
JSX
有以下优点:
JSX
执行更快,因为它在编译为 JavaScript 代码后进行了优化;- 它是类型安全的,在编译过程中就能发现错误;
- 使用
JSX
编写模板更加简单快速。
**JSX
语法的本质:**并不是直接把 JSX
渲染到页面上,而是内部先转换成了 createElement
形式,再渲染的。
**JSX
注释:**推荐使用 {/* 这是注释 */}
;
**JSX
中添加class类名:**需要使用 className
来替代 class
;htmlFor
替代 label
的 for
属性;
在JSX
创建DOM的时候,所有节点必须有唯一的根元素进行包裹;
在JSX
语法中,标签必须成对出现,如果是单标签,则必须自闭和;
代码示例:
const mydiv = <