react html模板

React的HTML模板是使用JSX（JavaScript XML）语法编写的。JSX允许我们在JavaScript代码中编写类似HTML的结构。

以下是一个简单的React组件的示例，展示了如何使用React的HTML模板：

import React from 'react';

function MyComponent() {
  return (
    <div>
      <h1>Hello, World!</h1>
      <p>This is a React component.</p>
    </div>
  );
}

export default MyComponent;

在上面的示例中，我们创建了一个名为`MyComponent`的函数组件。在函数组件中，我们使用了JSX语法来定义组件的结构。`<div>`标签是一个React元素，它包含了一个`<h1>`标题和一个`<p>`段落。这些标签看起来像HTML标签，但实际上它们是React组件。

在实际项目中，我们可以将这个组件导入到其他文件中，并在需要的地方使用它。

请注意，为了在浏览器中正常运行React代码，你需要使用Babel等工具来将JSX编译为普通的JavaScript代码。