reactjs - 将 JSX 传递到危险的 SetInnerHtml - React

Question

背景

我正在开发一个 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]

我想渲染由工具提示包围的文本。