@aliemir/dom-to-fiber-utils

中文文档
0.5.1发布于 2025/04/25MITTypeScriptESM + CJS近 30 天下载 21万

将 DOM 元件转换为 React Fiber 元件的简单工具集

中文使用文档
文档目录13 节
  1. 安装
  2. 演示
  3. 导出函数
  4. getFiberFromElement(element: HTMLElement): Fiber | null
  5. getNameFromFiber(fiber: FiberNode): string | null
  6. getParentOfFiber(fiber: FiberNode): Fiber | null
  7. getFirstStateNodeOfFiber(fiber: FiberNode): Fiber | null
  8. getDebugOwner(fiber: FiberNode): Fiber | null
  9. getDebugSource(fiber: FiberNode): Source | null
  10. getNthParentOfFiber(fiber: FiberNode, n: number): Fiber | n…
  11. getElementFromFiber(fiber: FiberNode): HTMLElement | null
  12. getFirstFiberHasName(fiber: FiberNode, name: string): Fiber…
  13. 说明

@aliemir/dom-to-fiber-utils (英语)

将DOM元件转换为React Fiber元件的一套简单公用设备.

安装

npm install @aliemir/dom-to-fiber-utils

演示

示例应用 : https://dom-to-fiber-utils-example.vercel.app 互联网档案馆的存檔,存档日期2013-12-22

导出函数

getFiberFromElement(element: HTMLElement): Fiber | null

鉴于一个多姆元素,还原与之相关的纤维.

getNameFromFiber(fiber: FiberNode): string | null

给一个纤维,返回组件的名称.

getParentOfFiber(fiber: FiberNode): Fiber | null

只要有纤维,就把父母的纤维还给我 向上看树.

getFirstStateNodeOfFiber(fiber: FiberNode): Fiber | null

给一个纤维, 返回第一个纤维 与状态节点。 向上看树.

getDebugOwner(fiber: FiberNode): Fiber | null

只要有纤维,就把主人的纤维还给我.

getDebugSource(fiber: FiberNode): Source | null

如果有纤维,则返回组件的来源.

getNthParentOfFiber(fiber: FiberNode, n: number): Fiber | null

有了纤维,就把纤维的正母还给我.

getElementFromFiber(fiber: FiberNode): HTMLElement | null

如果有纤维, 返回与它相关的多姆元素.

getFirstFiberHasName(fiber: FiberNode, name: string): Fiber | null

给一个纤维, 返回第一个有名字的纤维。 向上看树.

说明

欢迎所有公关 这是一套非常简单的公用设施,我需要一个项目。 如果你需要更多,请打开一个问题或公关.

版本与发布记录

@aliemir/dom-to-fiber-utils 共发布 7 个版本,首次发布于 2023/09/14;过去 12 个月发布了 0 个版本。

版本发布日期距今
0.5.1latest2025/04/251.5 年前
0.4.12024/04/102 年前
0.5.02024/04/102 年前
0.4.02023/09/263 年前
0.3.02023/09/263 年前
0.2.02023/09/153 年前

关于 @aliemir/dom-to-fiber-utils 的常见问题

@aliemir/dom-to-fiber-utils 是什么?

将 DOM 元件转换为 React Fiber 元件的简单工具集

如何安装 @aliemir/dom-to-fiber-utils?

在项目目录运行 npm install @aliemir/dom-to-fiber-utils,或使用 pnpm add / yarn add / bun add。

@aliemir/dom-to-fiber-utils 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@aliemir/dom-to-fiber-utils 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@aliemir/dom-to-fiber-utils 可以商用吗?

@aliemir/dom-to-fiber-utils 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@aliemir/dom-to-fiber-utils 的下载量有多少?

根据 npm 官方下载统计,@aliemir/dom-to-fiber-utils 在 2026/10/06 – 2026/11/04 这 30 天内被下载 209,611 次,日均约 6,987 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@aliemir/dom-to-fiber-utils 还在维护吗?

最新版本 0.5.1 发布于 2025/04/25(1.5 年前);至今共发布 7 个版本,其中过去 12 个月发布了 0 个;首次发布于 2023/09/14。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。