False arguments serialized as strings
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
从提供的 CodeSandbox 复现开始，跟踪 htm/preact 对插值 class 值的属性序列化路径。确认 false、null、undefined 和 "foo" 的预期处理方式，然后验证该复现不再输出不需要的字面值。
由索引模型根据 Issue 内容生成。
描述
Suppose use-case for conditional applying classes:
import { render } from "preact";
import { html } from "htm/preact";
let el = document.createElement("div");
render(
html`
<div class="${false} ${null} ${undefined} ${"foo"}" />
`,
el
);
console.log(el.innerHTML);
// <div class="false null undefined foo"></div>
That's unexpected that the htm serializes false/null class values literally.
That can be worked around with clsx or alike, but.
- 主要语言
- JavaScript
- 星标
- 9k
- 派生
- 181
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
developit/htm 的其他 Issue
-
Sarthak 未关闭
难度 5/5 一周以上 新手友好度 1/100
-
Tugas 未关闭
难度 5/5 一周以上 新手友好度 10/100
-
Tugas 未关闭
难度 5/5 一周以上 新手友好度 1/100
-
难度 5/5 一周以上 新手友好度 20/100
-
难度 2/5 1-3 小时 新手友好度 35/100
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·