Reactjs - MUI HTML 工具提示不适用于动态 HTML 内容

Question

我正在使用自定义的 HTML MUI Tooltip。它正在处理静态内容。我想让它充满活力。它不适用于动态 html 内容。

我正在尝试以下方式。

const ADJUSTMENT_HELP_TEXT = styled(()=>(
    <Typography component="div">
        <em>Adjustments can be added as following.</em>
        <ul><li>You can include previous due amount.</li><li>You can exlude amount.</li><li>You can add Waive-Off etc.</li></ul>
    </Typography>
))

<HtmlTooltip  
    title={<Fragment>{<ADJUSTMENT_HELP_TEXT />}</Fragment>}>
    <HelpTwoToneIcon /> 
</HtmlTooltip>

Answer 1

你能展示一下你是如何定制 html 工具提示的吗？