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

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

反应bootstrap工具提示，我该如何解雇？

3 个答案: