Dom 为什么在标记中添加空格会将节点注册为注释节点

我有下面一段测试代码，它与jest一起使用，我将React组件加载到“Dom”中

---

})

JSX中的空格将导致空字符串

“”

：

因此，此

{data.solution}

将导致：

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution
);

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution,
  " "
);

这个

{data.solution}

将导致：

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution
);

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution,
  " "
);

---

是的，但为什么要将其注册为注释呢？mdn说，注释可以表示为注释，也可以用这种方式包装在JSX中，

{/*a JSX comment*/}

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution
);

React.createElement(
  "span",
  { className: styles.solution || "solution" },
  data.solution,
  " "
);