React 组件和JSX初识：React基础理论和JavaScript实操

React是一个用于构建用户界面的JavaScript库。它通过组件化的方式将用户界面拆分成独立的可重用部分，使得开发更加模块化、可维护和可测试。在React中，我们使用JSX来描述用户界面的结构和交互。

1. 组件(Component)的概念：
   React中的组件是构建用户界面的基本单位。组件可以是函数组件（Functional Component）或类组件（Class Component）。函数组件是一个接收属性（props）并返回React元素的纯函数。类组件则是一个继承自React.Component的类，可以包含状态（state）和生命周期方法。

下面是一个简单的函数组件示例：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

2. JSX的概念：
   JSX是一种类似于HTML的语法扩展，用于在JavaScript中描述用户界面的结构。它允许我们在JavaScript代码中直接使用HTML标记，并且可以在标记中嵌入JavaScript表达式。

在JSX中，我们可以使用大括号（{}）来插入JavaScript表达式。JSX将表达式的结果转换为字符串，并将其渲染到最终的HTML中。

下面是一个使用JSX的示例：

const element = <h1>Hello, World!</h1>;