html 嵌入react

要在 HTML 中嵌入 React，你需要使用 React 的 JavaScript 库和一些标记来指示 React 渲染的位置。以下是一个简单的示例：

1. 首先，在你的 HTML 文件中引入 React 库和你的 React 组件。可以通过以下方式引入：

<!-- 引入 React 库 -->
<script src="https://cdn.jsdelivr.net/npm/react/umd/react.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.development.js"></script>

<!-- 引入你的 React 组件 -->
<script src="path/to/your/react/component.js"></script>

2. 在 HTML 文件中添加一个标签，这将是 React 渲染的位置：

<div id="root"></div>

3. 在 JavaScript 文件中，通过以下方式使用 React 渲染组件并将其放置在标记中：

// 获取渲染位置的 DOM 元素
const rootElement = document.getElementById("root");

// 渲染组件并将其放置在 DOM 元素中
ReactDOM.render(<YourReactComponent />, rootElement);

这样，你就可以将 React 组件嵌入到 HTML 页面中了。