entry.client.tsx

框架
数据
声明式

摘要

此文件是可选的

此文件是浏览器的入口点，负责对您在服务器入口模块中由服务器生成的标记进行水合（hydrating）。

这是在浏览器中运行的第一段代码。您可以在此处初始化任何其他客户端代码，例如客户端库、添加仅限客户端的提供程序等。

import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";
import { HydratedRouter } from "react-router/dom";

startTransition(() => {
  hydrateRoot(
    document,
    <StrictMode>
      <HydratedRouter />
    </StrictMode>
  );
});

生成 `entry.client.tsx`

默认情况下，React Router 会为您处理客户端上的应用程序水合。您可以通过以下方式显示默认的入口客户端文件：

npx react-router reveal

entry.client.tsx

摘要

生成 entry.client.tsx

生成 `entry.client.tsx`