Блог

Я пытаюсь использовать библиотеку подсказок react-tooltip для добавления функций подсказок в свое приложение. Проблема, с которой я столкнулся, заключается в том, что передача className или class поддержка не приводит к class добавлению свойства к соответствующему div элементу. После довольно долгого изучения кода библиотеки и отладки я все еще понятия не имею, почему он не добавляется. Похоже на ошибку в библиотеке (я опубликовал отчет об ошибке здесь), но я не исключаю возможности того, что я что-то упустил, поэтому публикую и здесь.

Версия react-всплывающая подсказка: 4.2.21

Код реакции:

 // App.js
useEffect(() => {
    ReactTooltip.rebuild()
}, [])

// MyTooltip.js
import ReactTooltip from "react-tooltip";
import ReactDOM from "react-dom";
import React from "react";
import classes from './MyTooltip.module.css';

const MyTooltip = (props) => 
  <React.Fragment>
    {
      ReactDOM.createPortal(
        <div>
          <div className={classes.backdrop} />
          <ReactTooltip
            id={props.id}
            type="dark"
            place={props.place}
            className={classes.tooltip}
          >
            <span>{props.text}</span>
          </ReactTooltip>
        </div>
      ,
      document.getElementById("tooltip")
    )}
  </React.Fragment>

export default MyTooltip;
 

Сгенерированный HTML: <div class="__react_component_tooltip t724ff40a-5699-4bf1-9fd7-7295f4f8e414 place-bottom type-dark" data-id="tooltip"><span>Test tooltip</span></div>

Заранее спасибо за любые советы, которые помогли бы решить эту проблему.