jsx-eslint/eslint-plugin-react

prefer-stateless-function should not check a .d.ts for a Stateful Component

Open

#2,296 opened on 2019年5月31日

GitHub で見る
 (3 comments) (2 reactions) (0 assignees)JavaScript (8,630 stars) (2,797 forks)batch import
bughelp wantedtypescript

説明

Imagine that we have a stateful react component and is about to creating a declaration file d.ts for the .js/.jsx file.

declare class StateCom extends React.Component<Props> {}
export default StateCom;

and error/warning occurs that: Component should be written as a pure function eslint(react/prefer-stateless-function)

How can we handle this since the component is a truly Component with state instead of a functional component?

コントリビューターガイド

技術スタック
javascripttypescriptreact
領域
developer experiencetooling
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
basic knowledge of ESLint plugin developmentunderstanding of TypeScript declaration files
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
Investigate the rule implementation in `lib/rules/prefer stateless function.js`. Look for how the rule checks file extensions or AST node types to determine if a component is stateful. The fix should likely skip `.d.ts` files or skip class declarations within them. Check existing tests in `tests/lib/rules/prefer stateless function.js` for patterns. Consider adding a test case with a `.d.ts` file. Review any comments in the issue for maintainer input.
prefer-stateless-function should not check a .d.ts for a Stateful Component · jsx-eslint/eslint-plugin-react#2296 | Good First Issue