问题标签 [html-react-parser]

我有一个 SVG，我想在一些 html 数据前面添加那个 svg。

这就是我得到的

[object 对象]你好世界

如何使它工作，以便我有一个 svg 图像和 html

以下是我的反应代码块

我需要在渲染时获取实际的“styles.primaryLable60”样式对象。

新反应，所以需要帮助

我想通过用 React 组件（即和）替换特定标签（例如<p>和）来呈现一大块 html<a><StyledParagraph><StyledLink>

我测试了许多库，包括 html-react-parser。与许多其他人不同，html-react-parser 有一个满足我需求的示例。但是，我无法让这个例子起作用。（使用反应 16.5.3）

我没有传递parserOptions给该domToReact函数，因为我还没有找到这些选项的文档。

预期成绩：

到目前为止，我无法修改嵌套节点（在本例中<span>）。

实际结果：

我在 DataTables 的每个单元格的单个元素中获取 HTML 标记。我也想解析 HTML 标签，但直到现在，还不能这样做。

我已经尝试过 html-react-parser 但它正在将它们解析成一个数组。

上面是表格数据，如果您看到公司有 html 标签“Test Corp
TestCorp”。

我无法解析它，因为它返回一个数组。

我正在从服务器获取 html 模板。该模板里面也有对象数据。我想在反应组件中显示该模板。我设法使用 html-react-parser 插件显示所有 html 元素，但我的变量呈现为字符串 {data.title}。

编译为：

想要的结果：

编辑：找到了解决方案，但它看起来不是一个好的解决方案:) 我用变量替换了字符串。

我需要在第三方 html 标记中构建我的 Next.js 应用程序。

标记如下：

头文件.txt

页脚.txt

这些文件动态生成到一个文件夹中。当我渲染我的 next.js 应用程序时，我需要将它们包装在我的应用程序周围。

我使用名为的包创建了一个工作示例：html-react-parser

我从 _document.js 中的文件中解析标记，我正在寻找一个自定义元素 id，我将用下一个 js 应用程序替换它，如下所示：

虽然这可行，但我的问题是，这不是 html-react-parser 的目的，因为它将文件的标记转换为反应组件，并在转换过程中抛出许多关于反应不能使用的错误使用的 html 道具的警告.

也许解决方案是使用 dangerouslySetInnerHTML，但在这种情况下我不能注入和 .

如果有人有一个想法，我怎么能设法将我的下一个应用程序包装在来自文件的标记周围，请给我一些建议。

我将 html-react-parser 用于我的富文本编辑器，即 Draft-js。

问题是当我将空格发送到后端时，它只会发送多个空格

标签，这就是我从数据库中得到的。

话虽如此，我的解析器完全忽略了它们。

我尝试查看文档：https ://www.npmjs.com/package/html-react-parser但我似乎找不到我正在寻找的答案。

我以最基本的方式使用它，只是 parse() 和我从数据库中获得的内容。

这是我得到的回复：

有人可以帮忙吗？

提前致谢！

所以我正在完成这个任务，我将原始 html 转换为一个反应组件，我需要完成这个任务 4 次，导航栏中的 4 个菜单。代码有效，但是代码看起来很难看，我相信有一种方法可以用更少的行完成任务。我希望更有效的重复代码是 processinginstructions 和 processinginstructionsTwo。代码在这里：

任何帮助将非常感激。

我使用 CKEditor 来制作富文本编辑器。我试图嵌入一个 YouTube 视频并用 html-react-parser 解析它。文字工作正常，但嵌入视频不起作用。

例子：

编码：

我们有一个包含 HTML 代码的数据库，我们正在使用 React 将其显示在网页上，但需要对其进行解析。

我最初使用html-react-parser但在代码审查后被要求使用dangerouslySetInnerHtml代替，因为它没有任何依赖项。

除了不使用 dangerouslySetInnerHtml 之外，我无法阐明使用 html-react-parser 的任何优势，但这是优势吗？如果是，为什么？它以某种方式避免了危险还是只是隐藏了？

非常感谢，

凯蒂