jsx-eslint/eslint-plugin-react

[Enhancement]: jsx-handler-names reports error with inline ternary conditional callbacks

オープン

#3,855 opened on 2024/11/20

 (2 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (2,731 件のフォーク)batch import
enhancementhelp wanted

Repository metrics

Stars
 (9,293 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Is there an existing issue for this?

  • I have searched the existing issues and my issue is unique
  • My issue appears in the command-line and not only in the text editor

Description Overview

Conditionally applying callback functions with inline ternary statements violates the rule, even when the condition will satisfy the rule.

<MyComponent
  onClick={isClickDisabled ? undefined : handleClick}
/>
ESLint: Handler function for onClickNext prop key must be a camelCase name beginning with 'handle' only(react/ jsx-handler-names)

Expected Behavior

If there is an inline ternary condition and it returns the properly named function, it should pass.

eslint-plugin-react version

v7.37.2

eslint version

v8.57.0

node version

v20.17.0

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