twitter-bootstrap-3 - 反应引导工具提示，我该如何触发它？

Question

已向我的组件添加了工具提示和触发器，我怎样才能让它触发工具提示？

像这样需要的模块：

var Icon = require('./Icon'),
Tooltip = require('./Tooltip'),
Button = require('react-bootstrap').Button,
OverlayTrigger = require('react-bootstrap').OverlayTrigger;

getTooltip: function() {

    return <Tooltip text="sample text" />;
},

像这样渲染触发器：

<OverlayTrigger placement="right" overlay={this.getTooltip()}>
       <Button bsStyle="default">Button text to trigger</Button>
</OverlayTrigger> 

但是什么都没有发生？

我怎样才能让它着火？

谢谢

工具提示组件是：

var TooltipBS = require('react-bootstrap').Tooltip;

var Tooltip = React.createClass({

render: function() {

    return (
        <TooltipBS>
            {this.props.text}
        </TooltipBS>
    )
}
});

module.exports = Tooltip;

Answer 1

我假设您正在使用 react-bootstrap 工具提示？

如果您阅读此处的文档http://react-bootstrap.github.io/components.html#tooltips-in-text您可以看到如何在您的代码中使用它。

<OverlayTrigger placement="right" overlay={this.getTooltip()} trigger="click">
       <Button bsStyle="default">Button text to trigger</Button>
</OverlayTrigger> 

您可以使用属性添加首选触发事件trigger。

Answer 2

它应该是：

getTooltip: function() {

    return <Tooltip id="tooltip">sample text</Tooltip>;
},

Answer 3

我相信您将需要在组件类中使用 render()。然后你需要一个ReactDOM.render(<Tooltip />, document.getElementById('app');课外。