React入门介绍（1）-ReactDOM.render()等基础

React 是一个用于构建用户界面的 JavaScript 库，它是由 Facebook 团队开发和维护的。React 可以帮助我们快速、高效地构建交互式用户界面，而不需要担心如何管理底层的 DOM 操作。

在 React 中，UI 是通过组件来构建的。组件是一种可复用的代码块，可以封装 HTML、CSS 和 JavaScript 代码，并且可以在其他地方重复使用。React 组件被设计为具有单向数据流，即从父组件流向子组件，保证了组件的可预测性和可维护性。

在 React 中，我们使用 ReactDOM.render() 函数来将组件渲染到页面上。该函数接受两个参数：第一个参数是要渲染的组件，第二个参数是要将组件渲染到的 DOM 元素。

例如，下面是一个简单的 React 组件和它的渲染代码：

// 定义一个简单的组件
function Greeting(props) {
  return <h1>Hello, {props.name}!</h1>;
}

// 渲染组件到页面上
ReactDOM.render(
  <Greeting name="World" />,
  document.getElementById('root')
);

在上面的代码中，我们定义了一个名为 Greeting 的组件，它接受一个名为 name 的属性，并返回一个包含该属性值的 h1 元素。然后，我们使用 ReactDOM.render() 函数将该组件渲染到页面上，将其放置在具有 id 为 root 的 DOM 元素中。

当我们运行该代码时，React 将会把 Greeting 组件渲染成一个 h1 元素，显示出 "Hello, World!" 的文本。这是 React 入门的第一步，我们可以从这里开始探索更多的 React 组件和功能。