False arguments serialized as strings
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
提供された CodeSandbox の再現コードから始め、補間された class 値に対する htm/preact の属性シリアライズ経路を追跡します。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 にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
developit/htm のほかの issue
-
Sarthak オープン
難易度 5/5 1週間以上 初心者へのやさしさ 1/100
-
Tugas オープン
難易度 5/5 1週間以上 初心者へのやさしさ 10/100
-
Tugas オープン
難易度 5/5 1週間以上 初心者へのやさしさ 1/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 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 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·