用户界面 (UI) 渲染
要理解 React 的工作原理,我们首先需要了解浏览器如何解析代码来创建(或渲染)用户界面 (UI)。
当用户访问网页时,服务器会向浏览器返回一个 HTML 文件,内容可能如下所示:

浏览器随后会读取 HTML 并构建文档对象模型 (DOM)。
什么是 DOM?
DOM 是 HTML 元素的对象表示形式。它充当代码与用户界面之间的桥梁,具有父子关系的树状结构。

您可以使用 DOM 方法和 JavaScript 来监听用户事件,并通过选择、添加、更新和删除用户界面中的特定元素来操作 DOM。DOM 操作不仅允许您定位特定元素,还能改变它们的样式和内容。
在下一节中,您将学习如何使用 JavaScript 和 DOM 方法。
扩展阅读: