问题标签 [dangerouslysetinnerhtml]

我有反应表，在应用搜索时我正在尝试实现荧光笔。来自端点的内容包含 HTML 标签。我正在使用 dangerouslySetInnerHTML 来打印内容，但它不适用于 Highlighter

下面是打印内容的代码

下面是我尝试使用荧光笔的代码。但它似乎不起作用并抛出错误 警告：失败的道具类型：提供给, 预期textToHighlight的类型的无效道具。在荧光笔中（由表创建）objectHighlighterstring

我想用反应组件替换检测到的文本模式

呈现为<ReactComponent/>[object Object]

我正在制作一个应用程序，允许人们通过 css 网格数据数组编写基于类的规则并将其设置为基于 div id 的类，这些类将被映射到页面底部的样式标签中，从而暴露出危险的集合，从而让人们测试 css 过渡和动画内部html。

当用户保存它时，它将成为一个 css 模块，所以这个标签理论上只有在用户使用未保存的组件时才可以编辑，并且他们创建的所有类都将基于 uuid，因此它们永远不会冲突。我已经看到了我想让工作通过这种方法工作的每一个想法，但是如果有 1000 人使用该站点，则会创建数百个临时 css 规则，这些规则暴露于应用程序的全局状态，但理论上写为地图仅适用于那些 uuid 的确切 css 规则将：

A）通过不断写入应用程序 html 来创建任何整体性能问题

B）在执行此操作之前创建我可以支持的任何漏洞

C）这是一个可怕的想法，你现在应该退出并尝试其他方法来从反应状态创建 css 类，这些类可以运行动画和 CSStransitions，比如......

https://medium.learnreact.com/the-style-tag-and-react-24d6dd3ca974 我基本上是在偷这个家伙的想法，但不是用它来制作静态网站，而是从状态中创建新组件，所以它安全吗？ ..我应该做点别的吗？

我使用 react 和 redux 创建了一个博客 Web 应用程序，在我的博客中有 4 个字段 id、title、seoName 和 description，并且在描述中输入我正在使用微型 Mce 文本编辑器现在我想显示保存在博客的描述字段中的文本HTML 中的类并使用椭圆截断它

这是存储在数据库中

我只想显示截断的文本（从描述中删除图像）和其余的东西，点击阅读更多。

现在我正在使用建议是否有任何其他有效的方法

使用 渲染纯 HTML 代码时@testing-library/react，输​​出 HTML 会在输入 HTML 中添加许多空行（查看 之后的代码toMatchInlineSnapshot ）。

我怎样才能摆脱这个？我只想按原样获取 HTML。

如果内容是道具并且具有以上图像内容。

这被渲染为[object object]，如何处理。还有一种方法可以使用片段而不是跨度标签来危险地渲染SetInnerHTML

我有 html 脚本数据。

我想把它放在div中。但是当我这样做时，它只显示“}”，仅此而已。

我想知道我做错了什么。

当我登录 newDataHTML 时，我可以获得 html 字符串。

背景

我正在开发一个 React 应用程序。我需要在 div 中放置一些 HTML。但我需要在我传递的 HTML 中传递一个工具提示包。我希望最终只在某些单词上触发工具提示。现在，我只想在包装整个 html 元素字符串时显示包

代码

我基本上想这样做

问题

这呈现 [object Object]

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

问候！

我有一个常规的function，我正在返回一个span（prop如果我没记错的话）。在我的 ts 代码上我有这个错误

错误图片

这是我的代码。文件名是qCard.tsx

（错误线）

我试图删除{{ **__html**: answer }}它，就像 :{{ answer }}但它不起作用。

我有一个关于如何在我的 React 应用程序中插入脚本标签的问题，脚本如下

我已经尝试在标签之间和 div 元素中的 dangerouslySetInnerHTML={{__html: }} 中过去，但浏览器中仍然没有任何内容。