Запускаем реактивный тип в jsfiddle - PullRequest
Новая
       16

Запускаем реактивный тип в jsfiddle

0 голосов
/ 24 мая 2018

Как запустить библиотеку act-tippy в jsfiddle?

Я получаю сообщение об ошибке Tooltip is not defined, но скрипт импортируется.

jsfiddle

Пример всплывающей подсказки 

<Tooltip
  // options
  title="Welcome to React"
  position="bottom"
  trigger="click"
>
  <p>
    Click here to show popup
  </p>
</Tooltip>

Ответы [ 3 ]

0 голосов
/ 27 мая 2018

Добавьте это перед использованием компонента: 

const { Tooltip } = reactTippy;

Обновлено JSFiddle

В качестве альтернативы используйте <reactTippy.Tooltip>...</reactTippy.Tooltip>.

0 голосов
/ 27 мая 2018

Два вопроса.Вы загружаете UMD модуль ReactionTippy.Таким образом, модуль не загружает Tooltip в глобальном масштабе.Так что вам нужно добавить ниже в верхней части вашего JSFiddle 

const Tooltip = reactTippy.Tooltip;

или 

const {Tooltip} = reactTippy.Tooltip;

Далее вы также пропускаете UMD импорт popper.js

https://unpkg.com/popper.js@1.14.3/dist/umd/popper.js

Ниже приведено обновление JSFiddle

https://jsfiddle.net/uLg4n2gg/7/

Working tooltip

0 голосов
/ 26 мая 2018

Вам просто нужно изменить Tooltip на reactTippy, чтобы он заработал.

Обновлен JSFiddle

...