02.JSX语法

1.JSX的基本使用

1.1creatElement()的问题

1.繁琐不简洁
2.不直观，无法一眼看出所描述的结构
3.不优雅，用户体验不爽

1.2JSX简介

JSX是javsScript XML的简写，表示在javaScript代码中写XML(HTML)格式的代码
优势：
声明式语法更加直观，与HTML结构相同，降低了学习成本，提升开发效率
JSX 是React 的核心内容

1.3使用步骤

1.使用JSX语法创建react元素

//使用JSX 语法，创建react元素：
const title = <h1>Hello JSX</h1>

2.使用ReactDOM.render()方法渲染react元素到页面中

//渲染创建好的React元素
ReactDOM.render(title,root)

1.4注意点

1.react元素的属性名使用驼峰命名法

2.特殊属性名：class->className,for->htmlFor,tabindex->tableIndex