你有没有遇到过这种尴尬？写一个模态框（Modal）组件，逻辑上它属于某个子组件，但按HTML结构一层层嵌套下来，它的<div>最后可能被埋在一个有overflow: hidden或者复杂z-index的父容器里...

在React里，组件的JSX结构通常决定了DOM的嵌套关系。但有时你会遇到一个棘手的问题：一个组件在逻辑上属于某个父组件，但在DOM结构里，它需要被“挂”到另一个完全不同的地方去。最常见的例子就...