Как отобразить всплывающую подсказку для каждого элемента множественного значения реагирования?

Question

Я пытаюсь воспроизвести пример Custom MultiValueContainer Пример , показанный в ссылке, но, похоже, ничего не работает должным образом. Элемент вставлен (его можно найти в инструменте разработки React Component), но подсказка никогда не отображается при наведении.

Код, который я пытаюсь запустить, отображается здесь , но даже простой код, приведенный в примере, не работает, как показано здесь

Я ожидаю что-то вроде следующего:

Кто-нибудь знает, какую важную часть я пропускаю?

Заранее спасибо!

Answer 1

Добавление элемента <span> в CustomMultiValue и изменение библиотеки подсказок на material-ui решило проблему.

const CustomMultiValue = (props) => {
  return (
    <Tooltip title={"Here we could show the legend of the element"}>
      <span>
        <MultiValueContainer {...props} />
      </span>
    </Tooltip>
  );
};