idyll-lang/idyll

Components emit dirty markup

Open

#628 opened on 2020年4月22日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)JavaScript (1,977 stars) (97 forks)batch import
ComponentsRough Edgesbughelp wanted

説明

Describe the bug Some components emit markup like this: div idyll="[object Object]">... This happens due to using the {...props} syntax in the components' render functions.

Expected behavior The HTML should not contain idyll="[object Object]".

To Reproduce Just look at any page made with idyll, the default project works fine.

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

技術スタック
javascript
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
JavaScript basics
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70
調査方針
Identify which components in the idyll codebase use `{...props}` in their render functions. Examine the component rendering logic to determine where the spread operator causes `[object Object]` to appear in the HTML. Then modify the component to filter out non string props or use a different approach to avoid spreading non standard properties onto the DOM element.
Components emit dirty markup · idyll-lang/idyll#628 | Good First Issue