antd design modal为什么DOM结构会在body里面和其他元素同级

Ant Design Modal 组件的 DOM 结构默认是直接挂载在 `body` 元素下的，而不是和其他元素同级。这是因为 Modal 组件通常需要覆盖整个页面，并且需要脱离当前组件的层级关系，以避免样式和事件冲突。 将 Modal 组件的 DOM 结构直接挂载在 `body` 元素下，可以确保 Modal 组件始终处于页面的最上层，并且不会受到其他元素的影响。同时，由于 Modal 组件的 DOM 结构是动态创建的，所以也不会对页面的初始结构造成影响。 如果您希望 Modal 组件的 DOM 结构和其他元素同级，可以通过设置 `getContainer` 属性来指定 Modal 组件的挂载容器。例如： ```jsx ... ``` 这样，Modal 组件的 DOM 结构就会被挂载在 `#modal-container` 元素下，而不是直接挂载在 `body` 元素下。需要注意的是，指定的容器必须是一个已经存在的元素，否则会报错。