gajus/babel-plugin-react-css-modules

Classnames have trailing whitespace when spread is used

Open

#262 opened on 2019年6月30日

GitHub で見る
 (3 comments) (4 reactions) (0 assignees)JavaScript (176 forks)batch import
enhancementhelp wanted

Repository metrics

Stars
 (2,044 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

Example: JSX:

<div styleName="classA classB" {...someProps} />

Output:

<div className="classA classB " />

No trailing whitespace is added when spread is not used.

Seems like a small issue, but it breaks snapshots or className checks in tests when upgrading.

コントリビューターガイド

調査方針
babel plugin react css modules のソースコード、特に JSX スプレッド属性を処理する部分を調査してください。styleName が className にどのように変換されるかを確認し、末尾の空白が追加される場所を特定します。問題は文字列連結ロジックにある可能性が高いです。既存のテストをテストファイルで確認し、スプレッド属性用のテストケースを追加することを検討してください。
技術スタック
javascriptreact
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
JavaScriptReact
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70