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

本文介绍了如何在antd中将组件挂载到特定的DOM元素内,包括挂载到任意div和触发父元素,以解决层级修改CSS的问题。

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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值