Я пытаюсь создать пользовательский интерфейс материала <ButtonGroup>
с отключенными кнопками и всплывающей подсказкой.
Следующий кодовый блок показывает кнопки правильно, но, как описано здесь (https://material-ui.com/components/tooltips/#disabled -elements ) отключенные элементы не могут быть снабжены всплывающей подсказкой.
<ButtonGroup>
<Tooltip title={"This is button A"}>
<Button>{"Button A"}</Button>
</Tooltip>
<Tooltip title={"This is button B"}>
<Button disabled>{"Button B"}</Button>
</Tooltip>
</ButtonGroup>
Но если я добавлю <span>
вокруг отключенной кнопки, макет группы будет уничтожен.
<ButtonGroup>
<Tooltip title={"This is button A"}>
<Button>{"Button A"}</Button>
</Tooltip>
<Tooltip title={"This is button B"}>
<span>
<Button disabled>{"Button B"}</Button>
</span>
</Tooltip>
</ButtonGroup>