我之前已经让工具提示正常工作,并正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定是否要使用它,因为它仍在积极开发中,还未达到1.0版本。
这是我的渲染代码的一部分:
<span>
<input data-toggle="tooltip" ref="test" title={this.props.tooltip} type="radio" name="rGroup" id={"r" + this.props.name} />
<label className="btn btn-default" htmlFor={"r" + this.props.name}></label>
</span>
并将其称为:
<MyComponent name="apple" tooltip="banana" />
我知道你必须调用tooltip函数才能让它显示出来,而我认为这就是我出错的地方。我目前正在尝试像这样做:
componentDidMount() {
$(this.refs.test).tooltip();
// this.refs.test.tooltip(); ?
// $('[data-toggle="tooltip"]').tooltip(); ?
}
但是似乎所有这些都没有起作用。工具提示未显示出来。
'$'未定义
的错误。 - Ross Attrill