React Portals可以翻译为传送门,从字面意思上就可以理解为我们可以通过这个方法将我们的
React组件传送到任意指定的位置,可以将组件的输出渲染到
DOM树中的任意位置,而不仅仅是组件所在的
DOM层级内。举个简单的例子,假设我们
ReactDOM.render挂载组件的
DOM结构是
<div id="root"></div>,那么对于同一个组件我们是否使用
Portal在整个
DOM节点上得到的效果是不同的: