JSX 使用指南：React 组件开发的语法扩展

JSX 是一种 JavaScript 的语法扩展，用于在 React 中描述用户界面的组件层次结构。以下是使用 JSX 的方法：

引入 React 和 ReactDOM 库

import React from 'react';
import ReactDOM from 'react-dom';

在组件中使用 JSX 语法

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>Hello, World!</h1>
        <p>This is my first React component.</p>
      </div>
    );
  }
}

将组件渲染到 DOM 中

ReactDOM.render(<MyComponent />, document.getElementById('root'));

在上面的代码中，我们使用 JSX 语法来描述一个组件的结构和内容。在组件的 render 方法中，我们返回一个 JSX 元素，它可以包含任意的 HTML 或 React 组件。最后，我们使用 ReactDOM 库将组件渲染到 DOM 节点上。