noCommentText (since v1.0.0)
Diagnostic Category: lint/suspicious/noCommentText
Sources:
- Same as:
react/jsx-no-comment-textnodes
Prevent comments from being inserted as text nodes
Examples
Section titled ExamplesInvalid
Section titled Invalidcode-block.jsx:1:17 lint/suspicious/noCommentText FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Wrap comments inside children within braces.
> 1 │ const a3 = <div>// comment</div>;
│ ^^^^^^^^^^
2 │
ℹ Unsafe fix: Wrap the comments with braces
1 │ - const·a3·=·<div>//·comment</div>;
1 │ + const·a3·=·<div>{/*·comment*/}</div>;
2 2 │
code-block.jsx:1:17 lint/suspicious/noCommentText FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Wrap comments inside children within braces.
> 1 │ const a4 = <div>/* comment */</div>;
│ ^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Wrap the comments with braces
1 │ const·a4·=·<div>{/*·comment·*/}</div>;
│ + +
code-block.jsx:1:17 lint/suspicious/noCommentText FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Wrap comments inside children within braces.
> 1 │ const a5 = <div>/** comment */</div>;
│ ^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Wrap the comments with braces
1 │ - const·a5·=·<div>/**·comment·*/</div>;
1 │ + const·a5·=·<div>{/*·comment·*/}</div>;
2 2 │