问题标签 [dangerouslysetinnerhtml]

我正在为 reactjs 使用 Chakraui 库

我将代码的字符串版本保存到数据库中，然后检索它并呈现给用户。对于演示，我将它分配给一个变量。当我尝试渲染它时，它不会应用<Code/>格式化文本的组件

我正在尝试将 add.roll 添加到我的 nextjs 应用程序中。我使用了危险的setinnerhtml 的脚本标签，但它无法验证。我在这里想念什么？

这是代码

我想制作可编辑的富文本元素，并将在其中显示 html 字符串。我试图找出如何在 div 中呈现 html 字符串的方法 - 可以用dangerouslySetInnerHtmlprop 完成的方式，我也发现了你不能使用onChange的，你应该使用的处理程序是onInput。我有什么问题，当我输入一些东西时，它会setValue在每次按下按钮时按功能改变值，但是字段松散焦点和 carret 停留在第一行。我该如何预防？我试图通过 实现它ref.current.focus，但它不起作用，div没有autoFocus属性，我也试图通过 显示价值data-value，但是 html 然后不起作用。有没有办法防止失去对contentEditablediv 元素的关注？

https://codesandbox.io/s/determined-dawn-i75kg?file=/src/App.js

我正在尝试在需要操作innerHTML 的地方编写代码。尽管 react 提供了dangerouslySetInnerHTML我一直无法弄清楚如何使用它来完成任务。

我有一个 div 元素数组，我想根据数组索引的变化来修改它们。我可以通过以下代码在 JavaScript 中做同样的事情

其中 box 是 div 元素的数组，它们的 innerHTML 需要修改为它们对应的索引。

任何人都可以告诉我如何在反应中实现相同的效果，我需要在反应中动态地将以下 div 元素放置在另一个 div 元素中。

嘿，我正在尝试使用我的 nextjs 应用程序。但我不断收到此错误https://s.adroll.com/j/undefined/roundtrip.js net::ERR_ABORTED 403（禁止）。这是我在 _app.js 和 index.js 中设置的代码。关于发生了什么的任何想法，为什么它被阻止？

我目前正在使用：

为了呈现我从 Strapi CMS 后端的 CKEditor 输入字段中获得的富文本。有没有更好的方法来做到这一点不使用危险的SetInnerHTML？我研究过 ReactMarkdown，但这似乎只适用于 Strapi 的内置旧 Markdown 编辑器。

我用 Python 和 Jupyter Notebook 创建了一个 HTML 文件，其中包含用 Plotly 制作的图表。当我在浏览器中打开 HTML 文件时，我可以很好地看到图表。

当我尝试使用 dangerouslySetInnerHTML 在我的 React 应用程序中插入这个 HTML 文件时，就会出现问题。我可以看到，对于每个包含 Plotly 图的 Jupyter 代码单元，正在生成一个 div，如下所示：

但是其中没有呈现任何内容。我目前正在尝试使用以下代码执行此操作：

关于为什么会发生这种情况的任何想法？是否有任何替代危险的SetInnerHTML？我无法在任何地方找到解决此问题的方法。

谢谢！