Reactjs React测试库:想了解容器和document.body之间的区别吗

Reactjs React测试库:想了解容器和document.body之间的区别吗,reactjs,Reactjs,当我们尝试使用react testing library呈现组件时,容器document.body之间有什么区别?我不会称之为差异,更像是关系 以下是容器的定义: 默认情况下,React测试库将创建一个div并将该div附加到document.body,这就是React组件的呈现位置。如果您通过此选项提供自己的HtmleElement容器,它将不会自动附加到document.body 例如:如果要对tablebody元素进行单元测试,则该元素不能是div的子元素。在这种情况下,可以指定一个表作为

当我们尝试使用react testing library呈现组件时,容器document.body之间有什么区别?

我不会称之为差异,更像是关系

以下是容器的定义:

默认情况下,React测试库将创建一个div并将该div附加到document.body,这就是React组件的呈现位置。如果您通过此选项提供自己的HtmleElement容器,它将不会自动附加到document.body

例如:如果要对tablebody元素进行单元测试,则该元素不能是div的子元素。在这种情况下,可以指定一个表作为渲染容器

const table = document.createElement('table')

const { container } = render(<TableBody {...props} />, {
  container: document.body.appendChild(table),
})