小编hei*_*erg的帖子

如何更改 ReactToolTip 的位置

我在用import ReactTooltip from 'react-tooltip'

问题是,我不知道如何更改工具提示的位置。有默认功能吗?

我想要如下图所示的输出。

<ReactTooltip 
    id='notificationClickme' 
    place='right' 
    effect='solid' clickable={true}
    delayHide={500}
    delayShow={500}
    delayUpdate={500}
    place={'bottom'}
    border={true}
    isCapture ={true}
    type={'light'}
    ref= { el => this.tooltip = el}
>
</ReactTooltip>

<div id="notificationIcon" className="notification cursor-pointer" 
data-tip data-for='notificationClickme' data-event='click'>Notification icon image</div>
Run Code Online (Sandbox Code Playgroud)

目前我变得这样

我想要这样的输出

tooltip reactjs

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

reactjs ×1

tooltip ×1