antd 使一个组件挂载到指定dom元素内

antd 使一个组件挂载到指定dom元素内

antd中的许多组件中的跳出浮框都是直接挂载到body下来进行定位的(比如modal的遮罩,某些组件带的ToolTip等)。
然而,有时,我们希望将这些div挂载到某个div下,或挂载到父组件中时怎么实现呢?

1、挂载到任意div中

<div id="parentBox"
  HelloWorld
</div>
<Slider
   tooltipVisible
   tooltipPlacement="top"
   getTooltipPopupContainer={()=>document.getElementById('parentBox')}
 />

2、挂载到触发的父元素中,以便实现 层级的修改css

<div
	<Slider
	   tooltipVisible
	   tooltipPlacement="top"
	   getTooltipPopupContainer={triggerNode => triggerNode.parentNode}
	 />
</div>

版权声明:本文为youlinhuanyan原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。