Dynamic prop/attr names
还没有人认领这个 Issue。
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 35/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript
调研方向
issue 中没有指定文件或测试；先结合这里的示例阅读 issue #109，以确定预期的区别。将可选、私有和匿名 prop 的示例作为验收用例；完成意味着该功能支持这些形式，且不会将它们与 #109 混为一谈。
由索引模型根据 Issue 内容生成。
描述
Not the same as #109.
That would be useful to have insertable attribute names:
html`<a ${foo}=${bar}/>`
// same as
html`<a ...${ {[foo]: bar} }/>`
Practical cases
Optional attributes:
html`<button ${ data.disabled ? 'disabled' : '' }/>`
Private props:
let html = htm.bind(h)
let _data = Symbol('data')
html`<a ${_data}=${data}/>`
function h (tag, props) {
props[_data]
}
Anonymous props:
html`<a ${draggable}/>`
function draggable(el) {
...
}
draggable[Symbol.toPrimitive] = () => 'data-draggable'
@developit @jviide would you consider that feature?
- 主要语言
- 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 ·