Rendering

render

import { render } from "solid-js/web";
import type { JSX } from "solid-js";
import type { MountableElement } from "solid-js/web";

function render(code: () => JSX.Element, element: MountableElement): () => void;

这是浏览器应用程序的入口点。提供一个顶层组件函数和一个用于挂载的元素。建议该元素为空：虽然 render 只会追加子元素，但返回的销毁函数会移除所有子元素。

const dispose = render(App, document.getElementById("app"))
// 或者
const dispose = render(() => <App />, document.getElementById("app"))

第一个参数必须是函数这一点很重要：不要直接传递 JSX（如 render(<App/>, ...)），因为这会在 render 能够设置根节点以跟踪 App 内的信号依赖之前调用 App。

参数

参数	类型	描述
code	`() => JSX.Element`	返回应用程序代码的函数
element	MountableElement	用于挂载应用程序的 DOM 元素

报告此页面问题