📢 大家好😪 ，我是小陈同学，最近在学习 React、小程序、阅读 JS 高程，以及整理 Node 的笔记，这是关于 React 的第一篇文章，也是我学习的第一个框架，内容如有错误，欢迎大家指正

📢 愿你生活明朗，万物可爱

一、React 简介

1. 关于 React

什么是 React ？

• 是一个将数据渲染为 HTML 视图的开源 JS 库

• 它遵循基于组件的方法，有助于构建可重用的 UI 组件

• 它用于开发复杂的交互式的 web 和移动 UI

React 有什么特点？

1. 使用虚拟 DOM 而不是真正的 DOM

2. 它可以用服务器渲染

3. 它遵循单向数据流或数据绑定

4. 高效

5. 声明式编码，组件化编码

React 的一些主要优点？

1. 它提高了应用的性能

2. 可以方便在客户端和服务器端使用

3. 由于使用 JSX，代码的可读性更好

4. 使用React，编写 UI 测试用例变得非常容易

2. Hello React

• React 核心库、操作 DOM 的 react 扩展库、将 jsx 转为 js 的 babel 库

3. 虚拟 DOM 和真实 DOM 的两种创建方法

js 的写法并不是常用的，常用jsx来写，毕竟JSX更符合书写的习惯

二、jsx 语法

1. 定义虚拟DOM，不能使用“”

2. 标签中混入JS表达式的时候使用{}

1. 样式的类名指定不能使用class，使用className

2. 内敛样式要使用{{}}包裹

1. 不能有多个根标签，只能有一个根标签

2. 标签必须闭合，自闭合也行

3. 如果小写字母开头，就将标签转化为 html 同名元素，如果 html 中无该标签对应的元素，就报错；如果是大写字母开头，react 就去渲染对应的组件，如果没有就报错

记几个

1. 注释

2. 数组

JSX 允许在模板中插入数组，数组自动展开全部成员

3.JSX 小练习

根据动态数据生成 li