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.