Javascript 如何用格式化的内容/组件替换某些内容？

我想用格式正确的SVGStringList替换一些表达式。对于

data.content

具有类似

H2O

，应显示为

H2O

。 我试着用一个简单的

替换
，但这似乎不是解决问题的方法

此外，格式化功能应可用于许多替换。H2O只是一个例子

export const formatting = (string) => {
    return string.replace(/H2O/g, 'H<sub>2</sub>O')
}

export default function Content ({ data }) {
    return (
        <div>
            {formatting(data.content)}
        </div>
    )
}

export const formatting=（字符串）=>{
返回字符串。替换（/H2O/g，'H2O'）
}
导出默认函数内容（{data}）{
返回(
{格式化（data.content）}
)
}
将html字符串呈现为YOU可以使用的实际html
DangerlySetinerHTML
是React在浏览器DOM中使用innerHTML的替代品


const格式化=（字符串）=>{
返回字符串。替换（/H2O/g，'H2O'）
}
函数内容（{data}）{
返回(
)
}
类应用程序扩展了React.Component{
render（）{
回来
}
}
ReactDOM.render（，document.getElementById（“app”）
但是有没有不使用危险的HTML的选项？不想使用“危险”的东西…在这种情况下，你可以使用