entry.client

默认情况下，Remix 会为您处理客户端上的应用补水。如果您想自定义此行为，可以运行 npx remix reveal 来生成优先的 app/entry.client.tsx（或.jsx）。此文件是浏览器的入口点，负责补水服务器在 服务器入口模块 中生成的标记，但您也可以在此处初始化任何其他客户端代码。

通常，此模块使用 ReactDOM.hydrateRoot 来补充已在服务器上生成的标记，这些标记位于您的 服务器入口模块 中。

这是一个基本的例子：

app/entry.client.tsx

import { RemixBrowser } from "@remix-run/react";
import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";

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

这是在浏览器中运行的第一段代码。您可以初始化客户端库、添加仅供客户端使用的提供程序等。