Is there a rule for space between props? · jsx-eslint/eslint-plugin-react#3181

(4 comments) (0 reactions) (0 assignees)JavaScript (8,630 stars) (2,797 forks)batch import

help wantednew rule

説明

I haven't found any rule that complains about the following:

<Comp a={1}b={2}c={3}/>

And enforces space between props:

<Comp a={1} b={2} c={3}/>

Notice how it shall not affect the space before closing tag.

Is there a rule for it? If not, here it's my suggestion for it.

技術スタック: javascriptreact
領域: frontenddeveloper experience
Issue 種別: feature
難度: 3
推定時間: 1-3 hours
活動状況: fresh
明確さ: clear
前提条件: Understanding of ESLint plugin developmentFamiliarity with JSXBasic knowledge of React
初心者向け度: 50
調査方針: This is a feature request for a new ESLint rule that enforces spaces between JSX attributes. To implement, study existing rules in the eslint plugin react repository, particularly those dealing with JSX spacing (e.g., jsx curly spacing). The rule should detect when multiple attributes appear consecutively without a space and suggest adding them, while preserving the space before the closing tag. The implementation involves adding a new rule file, tests, and documentation. See the rules directory at packages/eslint plugin react/lib/rules/ for examples.