idyll-lang/idyll

Components emit dirty markup

Open

#628 建立於 2020年4月22日

在 GitHub 查看
 (0 留言) (0 反應) (0 負責人)JavaScript (1,977 star) (97 fork)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
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
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.