第三方 html 标签的 React 参考

问题描述

我正在寻找一种使用 useInView 钩子添加出现动画的方法。问题是我的代码中没有我需要的标签，我通过危险的SetInnerHTML从第三方 Ghost 作为单个标签获取它。

dangerouslySetInnerHTML={{__html: props.post.html}}/>

有什么办法可以用 React 的方式做到吗？

解决方法

您可以直接在 JSX 中使用 web 组件，如 react documentation 中所述。 JSX 转换应该处理它。

如果您在编译前不知道标签，那么除了使用 dangerouslySetInnerHTML 之外别无他法。