@ adobe/ data-lit
装订 @ adobe/ 数据:钩子、元素和装饰器 用于使用 @adobe/data ECS数据库和可观测数据构建反应式UI.
安装
pnpm add @adobe/data @adobe/data-lit lit
使用量
import { ApplicationHost, DatabaseElement } from "@adobe/data-lit";
import { createDatabase } from "@adobe/data/ecs";
状态和调用大小
useState 返回其身份在钩子状态终生保持稳定的设置器。 设置器
只有在下列情况下才请求提供翻译: Object.is 报告数值已发生变化。 懒惰的初始化器运行一次
每个勾钩状态,包括初始值为时 null 或者说 undefined。 。 。 .
将状态对象和阵列视为不可改变的:当新对象或阵列的内容发生变化时通过. 转换一个数值并传出同样的设定符并不要求渲染.
useResizeObserver 让它的观察者保持连接 并引用最新的回调.
内置回调不会使观察者断开并重接.
钩子和断开的生命周期
使用钩的元素有两种悬钩状态,寿命不同.
价值和订阅 (单位:千美元)useState, (中文(简体) ), useMemo, (中文(简体) ), useRef, (中文(简体) ), useEffect, (中文(简体) ), useObservable, (中文(简体) ),
useObservableValues,.)属于元素的挂载. 他们活了下来 移动: 删除元素
并重新将它纳入同样的任务,作为一个 repeat 重排或重做父母 保留每个值
订阅, 元素再次生成 。 只有在元素还在时才敲定
在下一个微任务上断开: 每 useEffect 清理运行, 存储值被丢弃, a
之后连接会从初始钩态中产生新鲜.
连接 (单位:千美元)useConnected)与每一个连接和断开同步,包括两者
动作的边缘。 用于窗口或文档的收听者、门户和拖动必须同时拆分的会话
元素退出 DOM.
见 data-lit-todo 用于完整示例的样本.