Rule proposal: disallow onFocusIn and onFocusOut on DOM element tags · jsx-eslint/eslint-plugin-react#714

(1 comment) (0 reactions) (0 assignees)JavaScript (8,630 stars) (2,797 forks)batch import

help wantednew rule

説明

React will issue a warning in dev if you use onFocusIn or onFocusOut.

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

Bad:

<div onFocusIn={() => {}} />

<div onFocusOut={() => {}} />

Good:

<div onFocus={() => {}} />

<div onBlur={() => {}} />

技術スタック: javascriptreact
領域: tooling
Issue 種別: feature
難度: 2
推定時間: 1-3 hours
活動状況: stale
明確さ: clear
前提条件: ESLint plugin developmentReact event handling
初心者向け度: 80
調査方針: Examine the React source code link in the issue to understand the warning. The rule should detect onFocusIn and onFocusOut attributes on JSX DOM elements (lowercase tag names). Check existing rules in the eslint plugin react repository for patterns on how to implement similar attribute restrictions. The issue has a single comment but no additional context from maintainers, so the scope is well defined.