[Bug]: jsx-curly-newline and comments · jsx-eslint/eslint-plugin-react

(6 則留言) (0 個反應) (0 位負責人)JavaScript (2,733 個分叉)batch import

bughelp wanted

倉庫指標

星標: (9,292 顆星)
PR 合併指標: (30 天內沒有已合併 PR)

描述

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

jsx-curly-newline reports an error when using multiline comments in JSX.

      {/* <FormGroup
        helperTextInvalid={helperText}
        inputProps={inputProps}
        type="password"
      /> */}

  134:7   error  Unexpected newline after '{'                             react/jsx-curly-newline
  138:12  error  Unexpected newline before '}'                            react/jsx-curly-newline

$ eslint --ext .js,.jsx,.ts,.tsx .

Expected Behavior

I would expect no error.

Rule options

"react/jsx-curly-newline": ["error", { "multiline": "forbid", "singleline": "forbid" }],

eslint-plugin-react version

7.32.2

eslint version

7.32.0

node version

14.21.3

貢獻者指南

研究方向: 了解 ESLint 規則如何處理 AST 節點，特別是 JSXExpressionContainer。查看 eslint plugin react/lib/rules/jsx curly newline.js 中的規則源代碼。檢查它如何處理 JSX 大括號內的註釋。修復可能需要忽略註釋，在計算換行位置時，或調整邏輯以允許多行註釋周圍的換行。
技術棧: javascriptreact
領域: frontend
議題類型: 錯誤
難度: 3
預計時間: 1-3 小時
活動狀態: 活躍
清晰度: 清晰
前置要求: ESLint plugin development basicsAST (Abstract Syntax Tree) understanding
新手友善度: 40