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