Задать вопрос
@DaveGarrow

Почему тултип Tippy js не работает с React.cloneElement?

Может кто сталкивался. Использую Tippyjs. Передаю children через React.cloneElement, чтобы передать нужные пропсы. Tippy работает, но все тултипы показываются не над элементами, а спозиционированными слева сверху экрана, без привязки к самому элементу. Как это можно исправить?

export default function Tooltip() {
    const myRef= React.useRef(null);
    return (
      <Tippy>
        {React.cloneElement(
            React.isValidElement(children) ? (
              children
            ) : (
              <span {...props}>{children}</span>
            ),

          {
            ref: myRef,
            onMouseOut: onMouseOut,
            onMouseOver: onMouseOver,
            className: className,
            ...props,
          }
        )}
      </Tippy>
    );
  };
  • Вопрос задан
  • 76 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы