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>;
};

参考

• 规则来源