背景
我正在开发一个 React 应用程序。我需要在 div 中放置一些 HTML。但我需要在我传递的 HTML 中传递一个工具提示包。我希望最终只在某些单词上触发工具提示。现在,我只想在包装整个 html 元素字符串时显示包
代码
我基本上想这样做
import Tippy from '@tippy.js/react';
const App = () => {
const myHtmlString = '<p>Hi</p>`;
const text = <Tippy content={myHtmlString} />;
return (
<div dangerouslySetInnerHtml={{ __html: text }} />
)
}
问题
这呈现 [object Object]
我想渲染由工具提示包围的文本。