react/jsx-no-comment-textnodes 可疑

作用

此規則防止註解字串（例如，以 // 或 /* 開頭）意外地作為 JSX 陳述式中的文字節點插入。

為什麼這不好？

在 JSX 中，任何未包含在花括號中的文字節點都被視為要呈現的文字字串。當文字包含註解時，這可能會導致意外的行為。

範例

// Incorrect:

const Hello = () => {
  return <div>// empty div</div>;
};

const Hello = () => {
  return <div>/* empty div */</div>;
};

// Correct:

const Hello = () => {
  return <div>// empty div</div>;
};

const Hello = () => {
  return <div>{/* empty div */}</div>;
};

參考資料

• 規則來源