Rendering

hydrationScript

import { generateHydrationScript, HydrationScript } from "solid-js/web";
import type { JSX } from "solid-js";

function generateHydrationScript(options: {
  nonce?: string;
  eventNames?: string[];
}): string;

function HydrationScript(props: {
  nonce?: string;
  eventNames?: string[];
}): JSX.Element;

水合脚本是一个特殊的脚本，应该在页面中放置一次，用于在 Solid 运行时加载之前引导水合过程。它既可以作为一个可调用的函数并插入到 HTML 字符串中，也可以作为一个组件在从 <html> 标签渲染 JSX 时使用。

选项包括在 script 标签上设置的 nonce，以及在脚本加载前 Solid 应该捕获并在水合期间重放的任何事件名称。这些事件仅限于 Solid 委托的事件，包括大多数会组合和冒泡的 UI 事件。默认情况下只包含点击和输入事件。

报告此页面问题