HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。
在 HTML 当中，像 <input>, <textarea>, 和 <select> 这类表单元素会维持自身状态，并根据用户输入进行更新。但在React中，可变的状态通常保存在组件的状态属性中，并且只能用 setState() 方法进行更新。
在 React 应用中实现 AJAX 请求，通常可以使用 fetch API 或者第三方库如 axios、jquery 等库来进行网络请求。
以下是使用这两种方法的基本说明：
使用 fetch API 进行 AJAX 请求
fetch 是一个在浏览器中内置的 API，用于发起网络请求。
组件的生命周期可分成三个状态：
Mounting(挂载)：已插入真实 DOM
Updating(更新)：正在被重新渲染
Unmounting(卸载)：已移出真实 DOM
React 组件 API 涉及多个重要的方面，包括生命周期方法、状态管理、属性传递和事件处理。
以下是 React 组件 API 的详细说明：
React 组件的生命周期方法分为三个主要阶段：挂载、更新和卸载，详细说明参见：React 组件的生命周期 。
我们可以使用 JavaScript 的 map() 方法来创建列表。
我们可以将以上实例重构成一个组件，组件接收数组参数，每个列表元素分配一个 key，不然会出现警告 a key should be provided for list items，意思就是需要包含 key。
在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。
React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。
View DetailsReact 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:
React 事件绑定属性的命名采用驼峰式写法，而不是小写。
如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)
在 React 中，Props（属性）是用于将数据从父组件传递到子组件的机制，Props 是只读的，子组件不能直接修改它们，而是应该由父组件来管理和更新。
state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。
View Details组件可以拥有状态（state），它是组件数据的私有部分，可以用来管理动态数据。
状态仅适用于类组件，或者使用 React 的 Hook 时可以在函数组件中使用。
React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。
React 组件是构建 React 应用的基本单元。
组件可以分为：函数组件和类组件。
函数组件
函数组件是定义组件的一种简洁方法。
函数组件是一个接受 props 并返回 React 元素的 JavaScript 函数。
类组件
类组件使用 ES6 类语法定义，通常用于需要管理状态或使用生命周期方法的情况。