Rule proposal: disallow children on DOM element tags when contentEditable · jsx-eslint/eslint-plugin-react#713

(1 留言) (0 反應) (0 負責人)JavaScript (2,797 fork)batch import

help wantednew rule

倉庫指標

React will issue a warning in dev if you use contentEditable with children. This can be suppressed with suppressContentEditableWarning.

This should be easy enough to enforce for most cases with a linter rule.

Bad:

<div contentEditable>
  Children
</div>

Good:

<div contentEditable />

<div contentEditable suppressContentEditableWarning>
  Children
</div>

研究方向: 研究此插件中現有的 ESLint 規則（例如 no unknown property）以理解模式。實作規則來偵測 DOM 元素上帶有 contentEditable 屬性但未設定 suppressContentEditableWarning 的 children。編寫單元測試。參考 React 原始碼 https://github.com/facebook/react/blob/85dcbf83/src/renderers/dom/shared/ReactDOMComponent.js#L187 L193 以取得上下文。
技術棧: javascriptreact
領域: tooling
議題類型: 功能
難度: 3
預計時間: 半天
活動狀態: 較久未更新
清晰度: 清晰
前置要求: ESLint plugin structureReact JSXAST understanding
新手友善度: 75