jsx-eslint/eslint-plugin-react

Rule proposal: jsx-padded-children

Open

#2,045 建立於 2018年11月13日

在 GitHub 查看
 (4 留言) (5 反應) (0 負責人)JavaScript (8,630 star) (2,797 fork)batch import
acceptedhelp wantednew rule

描述

Something similar to padded-blocks where it disallows code similar to this:

<div>

  <img />
</div>

Depending on the setting the following should not throw a warning:

// jsx-padded-children: [2, "always"]
<div>

  <img />

</div>

// jsx-padded-children: [2, "never"]
<div>
  <img />
</div>

Not sure if anyone ever would pick up always, that's why I'm also down for jsx-no-padded-children or something like that

貢獻者指南

技術棧
javascriptreact
領域
developer experience
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
ESLint plugin developmentReact JSX
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
50
研究方向
The issue proposes a new rule `jsx padded children` similar to ESLint's `padded blocks`. To implement, study how existing rules like `jsx indent` are structured in the `src/rules/` directory. Look at the test files and documentation in `docs/rules/`. The maintainers may provide guidance on the rule name and configuration options. No linked PRs or assignees exist, so this is available for a first time contributor.