react--简述、渲染、JSX

目录

基本概念

使用方式

元素渲染

JSX

---

基本概念

        React是一个JavaScript库，构建用户界面，简化可视化界面。其核心是组件，组件的设计提高了代码的复用率，能够很好的应用于大项目的开发。

特点：1.React采用声明式设计，可轻松描述应用；2.React模拟DOM，减少了与DOM的交互，使得代码设计更加高效；3.React灵活性强，可以配合已知的库或框架；4.React实现了单向相应的数据流，减少了重复代码。

使用方式

        1.官网直接下载使用

        2.使用CDN地址

        一般我们需要引入的库及其作用如下：

1.react.development.js：React的核心库

2.react-dom.development.js：提供与DOM相关的功能

3.babel.min.js：将ES6代码转为ES5代码

元素渲染

元素是构成React应用的最小单位，用于描述屏幕上输出的内容。与浏览器中的DOM元素不同的是，React中的元素是普通的对象，React DOM可以确保浏览器DOM的数据内容与React元素保持一致。

元素渲染步骤如下：

1.在HTML页