@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>
    );
  };
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы