代码之家  ›  专栏  ›  技术社区  ›  mohsinulhaq

使用tooltip.js呈现react组件

  •  0
  • mohsinulhaq  · 技术社区  · 6 年前

    我想用这个很棒的工具提示库 Popper.js

    我想使用上面的工具提示实用程序将反应组件呈现到其中。现在,我的理解是,我只能使用 title 财产和 html 在配置对象中设置为true。我试过了 ReactDOMServer.renderToString 但这又是在创建一个没有生命周期挂钩或任何反应良好的静态标记。是否有任何方法可以将反应组件注入工具提示?或者你能推荐其他类似的库来支持视区边界上的翻转行为吗?

    附言:我不想使用popper.js或react popper,因为我想让触发器功能可以开箱即用。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Jorgedl    6 年前

    在工具提示初始化时,可以传递一个布尔属性,将标题定义为HTML

    new Tooltip(reference, {html: true, title: "<div>This is a component</div>"})
    

    See tooltip documentation

        2
  •  -1
  •   mohsinulhaq    6 年前

    我最终使用了React Popper软件包。