@lynx-js/react / createPortal

#函数: createPortal()

function createPortal(vnode: ComponentChild, container: NodesRef): ReactNode

将 vnode 渲染到 container 中，而不是当前组件在元素树中的位置，同时让它 仍然保留在 React 树中。

container 是一个 NodesRef，可以通过回调 ref 或 lynx.createSelectorQuery().select(...) 获取。

#参数

#返回

ReactNode

一个 ReactNode 占位节点，需要包含在调用处的 JSX 中；实际渲染输出会进入 container。

#备注

Context 仍然会跨越 portal 边界传递，portal 内的状态更新行为与其他组件一致。 以下行为与 react-dom 不同：

• 事件不会沿 React 树冒泡。ReactLynx 沿用了 Preact 的实现方式，没有合成 事件系统，因此事件遵循页面实际的元素结构。
• portal 中的子树只在后台线程渲染，不参与主线程首屏渲染。
• 不支持跨页面或跨原生容器挂载。

#定义于

@lynx-js/react/runtime/lib/snapshot/lynx/portals.d.ts:31

#示例