logo
Zess
指南
API
演练场
English
简体中文
指南
API
演练场
English
简体中文
logo
Zess

开始

介绍
快速开始

核心功能

响应性基础
生命周期
内置组件
响应性工具类
Store 工具类
次要 API
渲染
特殊 JSX 属性

路由系统

内置组件
基础 API
📝 在 GitHub 上编辑此页
上一页次要 API
下一页特殊 JSX 属性

#渲染

#render

将组件渲染到 DOM 元素中。创建响应式根并处理挂载和卸载。

类型:

render(code: Getter<JSX.Element>, el: Element | Document): () => void

参数:

  • code: 返回要渲染的 JSX 元素的函数
  • el: 要渲染到的 DOM 元素或文档

返回值: 清理已渲染组件的 dispose 函数

示例:

function App() {
  const [count, setCount] = useSignal(0)
  return (
    <div>
      <p>计数: {count()}</p>
      <button onClick={() => setCount((prev) => prev + 1)}>增加</button>
    </div>
  )
}

const dispose = render(() => <App />, document.getElementById('app'))

// 稍后,要卸载并清理
// dispose()