react html

// 示例代码：React 中使用 HTML

import React from 'react';

function HelloWorld() {
  // 在 React 中，我们使用 JSX 来编写类似 HTML 的代码。
  // JSX 允许我们在 JavaScript 中嵌入 HTML 标签。
  return (
    <div>
      {/* 这是一个简单的 div 元素，包含一个 h1 标题和一个 p 段落 */}
      <h1>Hello, World!</h1>
      <p>Welcome to my React app.</p>
    </div>
  );
}

export default HelloWorld;

解释说明：

• JSX 是 React 中使用的语法扩展，它允许你在 JavaScript 中编写类似 HTML 的代码。实际上，JSX 最终会被编译成普通的 JavaScript 函数调用。
• 在上面的代码中，<div>、<h1> 和 <p> 都是标准的 HTML 标签，但它们是在 JSX 中使用的，因此可以直接嵌入到 JavaScript 代码中。
• HelloWorld 是一个函数组件，它返回一些 JSX 代码，这些代码会在页面上渲染为实际的 DOM 元素。
• export default HelloWorld; 将这个组件导出，以便可以在其他文件中导入和使用。

如果你需要更复杂的例子或有其他问题，请告诉我！