使用 Tooltip.js 渲染 React 组件
Use Tooltip.js to render React Components
我正在尝试使用这个很棒的工具提示库 Popper.js
我想使用上面的工具提示实用程序将 React 组件渲染到其中。现在，我的理解是我只能在配置对象中使用 title 属性 和 html 设置为 true 来为工具提示提供静态 html 。我试过 ReactDOMServer.renderToString 但这又是在创建一个没有生命周期钩子或任何 React 优点的静态标记。有什么办法可以将 React Components 注入到工具提示中吗？或者你能推荐一些像这样的其他支持视口边界翻转行为的库吗？
PS：我不想使用 Popper.js 或 react-popper，因为我希望触发器功能开箱即用。
在工具提示初始化时，您可以传递一个布尔值属性，将您的标题定义为 HTML
new Tooltip(reference, {html: true, title: "<div>This is a component</div>"})
我最终使用了 react-popper 包。
我正在尝试使用这个很棒的工具提示库 Popper.js
我想使用上面的工具提示实用程序将 React 组件渲染到其中。现在，我的理解是我只能在配置对象中使用 title 属性 和 html 设置为 true 来为工具提示提供静态 html 。我试过 ReactDOMServer.renderToString 但这又是在创建一个没有生命周期钩子或任何 React 优点的静态标记。有什么办法可以将 React Components 注入到工具提示中吗？或者你能推荐一些像这样的其他支持视口边界翻转行为的库吗？
PS：我不想使用 Popper.js 或 react-popper，因为我希望触发器功能开箱即用。
在工具提示初始化时，您可以传递一个布尔值属性，将您的标题定义为 HTML
new Tooltip(reference, {html: true, title: "<div>This is a component</div>"})
我最终使用了 react-popper 包。