这个警告是由 React 的 validateDOMNesting 检查机制触发的,它指出在 <tbody> 元素内部不能有额外的空白文本节点。这通常发生在 JSX 代码中,可能是由于代码格式化或排版引起的。

解决这个问题的方法是确保在 <tbody> 标签内部没有额外的空白文本节点。请检查你的 JSX 代码,确保在 <tbody> 内部的标签之间没有多余的空格或换行符。

<table>
  <tbody>
    <tr>
      <td>内容1</td>
    </tr>
  
    {/* 下面的空白文本节点会引发警告 */}
    {' '}
    
    <tr>
      <td>内容2</td>
    </tr>
  </tbody>
</table>

确保在相邻的 JSX 元素之间没有多余的空白字符或换行符。这样可以避免 React 发出这个关于空白文本节点的警告。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐