6、React开发：从基础到JSX的全面指南

React开发：从基础到JSX的全面指南

1. ReactDOM的使用

在创建了React元素之后，我们通常希望在浏览器中看到它。ReactDOM 提供了在浏览器中渲染 React 元素所需的工具，其中的 render 方法可以将 React 元素及其子元素渲染到 DOM 中。

1.1 基本渲染

const dish = React.createElement("h1", null, "Baked Salmon");
ReactDOM.render(dish, document.getElementById("root"));

上述代码将创建一个 h1 元素，并将其渲染到 HTML 中 id 为 root 的 div 元素内。

1.2 渲染多个元素

在 React 16 及以后的版本中，还可以渲染数组。示例如下：

const dish = React.createElement("h1", null, "Baked Salmon");
const dessert = React.createElement("h2", null, "Coconut Cream Pie");
ReactDOM.render([dish, dessert], document.getElementById("ro