Как изменить Положение ReactToolTip

Question

• Я использую «import ReactTooltip из'а- * Я хочу вывод, как показано на изображении ниже.

Изображение значка уведомления

<ReactTooltip id='notificationClickme' place='right' effect='solid' clickable={true}
                        effect='solid'
                        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>

В настоящее время я получаю вот так

И вывод я хочу как это

Answer 1

Я думаю, что вы пропустили атрибут смещения элемента. см. код ниже.

<ReactTooltip id='notificationClickme' place='right' effect='solid' clickable={true}
                        effect='solid'
                        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' data-offset='left' > Notification icon image</div>