Question

编辑：

我正在尝试react-bootstrap，因为它也支持工具提示！但我仍然无法获得所需的工具提示效果。该按钮显示正确的样式，但鼠标悬停在按钮上时没有工具提示效果。

我的代码：

import { Tooltip, OverlayTrigger, Button } from 'react-bootstrap'

    const tooltip = (
      <Tooltip id="tooltip"><strong>Holy guacamole!</strong> Check this info.</Tooltip>
    );


    export default function Test (props) {
        return (
            <OverlayTrigger placement="right" overlay={tooltip}>
                <Button bsStyle="default">Holy guacamole!</Button>
            </OverlayTrigger>
        )

Answer 1

您需要通过悬停元素来指定叠加层。

像这样：

x in test3 =  2
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
x in test2 =  3
[4, 5, 6, 7, 8, 9, 10, 11, 12, 13]

您可以找到更多信息here。

Bootstrap反应悬停效果

1 个答案: