个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我已将产品描述作为 HTML 元素保存到这样的数据库中。但是当我将这些数据渲染到 div 中时，它显示为字符串。我想在我的 中显示所有数据，例如 HTML 元素下一个JS申请 .我尝试了 JSON.parse，但它不起作用。
如果有人可以帮助我解决这个问题，我们将不胜感激。
{
"images": [
{
"alternativeText": "cinnamon",
"path": "public/uploads/5585.jpg"
}
],
"_id": "606c39c884372a0e20c3f9bb",
"name": "Cinnamon",
"code": "5586",
"price": 49,
"category": {
"_id": "6064b37855bd0f26e0df4616",
"name": "Natural Essential Oils",
"createdAt": "2021-03-31T17:38:00.066Z",
"updatedAt": "2021-03-31T17:38:24.398Z",
"__v": 0
},
"description": "<p>Cinnamon Bark Vitality™ essential oil has a warm, spicy flavor that complements a variety of classic culinary treats and drinks. Cinnamon Bark Vitality is not only great for elevating dishes, but it can also be taken as a dietary supplement and is an important ingredient in some of Young Living’s most popular products, including Thieves® Vitality™ and Inner Defense™. Cinnamon Bark Vitality’s warm taste and nostalgic notes bring a spicy addition to your favorite dishes. By using Cinnamon Bark Vitality as a dietary supplement, you can help support healthy digestive and immune systems.</p>",
"createdAt": "2021-04-06T10:36:56.440Z",
"updatedAt": "2021-04-06T10:36:56.440Z",
"__v": 0
}
const Product = ({product}) => {
return (
<Fragment>
<Head>
<title>Product</title>
</Head>
<Layout>
<div className="container-fluid product-page">
<div className="page-body">
<div className="row product">
<div className="col-xl-5 col-lg-5 image-box">
<div className="preview-image">
<div className="image">
<img
src={ImageRootPath + "/" + product.images[0].path}
alt={product.images[0].alternativeText}
/>
</div>
</div>
</div>
<div className="col-xl-7 col-lg-7 info-box">
<div className="product-info">
<div className="product-name">
<h4>{product.name}</h4>
<p>{"Product code: " + product.code}</p>
<hr/>
</div>
<div className="product-price">
<h5>Price: <span>{product.price + "$"}</span></h5>
<p>{"Quantity: 5ml"}</p>
</div>
<div className="product-des">
{product.description}
</div>
</div>
</div>
</div>
</div>
</div>
</Layout>
</Fragment>
);
}
最佳答案
因为你想显示原始 HTML，所以这个
<div className="product-des">
{product.description}
</div>
<div className="product-des" dangerouslySetInnerHTML={{ __html: product.description }}>
dangerouslySetInnerHTMLis React’s replacement for usinginnerHTMLin the browser DOM [...] you have to type outdangerouslySetInnerHTMLand pass an object with a__htmlkey
In general, setting HTML from code is risky because it’s easy to inadvertently expose your users to a cross-site scripting (XSS) attack
关于javascript - 如何在 Next JS Application 中将 String 转换为 HTML 元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67034874/
24
4
0
我将从 ColdFusion 8 迁移到 ColdFusion 10。 目前，在我的Unix根目录下，我只有1个Application.cfm，在这个根目录下我有大约10个子目录(以前的程序员就是这样
这个问题在这里已经有了答案: Is it possible to write a program in Java without main() using JDK 1.7 or higher? [d
我是编写 Windows 服务应用程序的新手，并且遇到了问题。 我用 Delphi 编写了一个普通的 Windows 应用程序来检查和调试代码的主要部分，现在必须将其转换为 NT 服务。 我的代码必须
我在 Visual Studio 2013 中运行它。 对于 Application.Current.Shutdown 我得到: “Application”是“System.Windows.Appli
给定以下 C++ 代码“mini.cpp”: #include "iostream" using namespace std; int main() { cout << "Hello Worl
什么是“服务器应用程序”？我被要求写一篇关于“服务器应用程序”中的错误的文章，但我不熟悉确切的术语。它们只是网络应用程序，还是其他东西？ 最佳答案 “服务器应用程序”是一种应用程序，它等待来自其他应用
JavaFX 应用程序类必须扩展 javafx.application.Application package automationFramework import java.util.concurr
I have implemented deeplinking in my application that open my app (if available) but my app opens
我被困在一个非常基本的问题上。我使用 JavaFX 创建了一个简单的 hello world 程序，它在 JDK 1.8 上运行良好。但是当我切换到 JDK-11 时，它会抛出以下异常: Error:
我可以让Application Insights显示正在运行的每小时使用情况日志，但是有没有一种方法可以每小时显示一次平均使用情况，以查看必须在一天中的哪个时段使用网站？ 最佳答案 在您的资源的概览
有谁知道为什么在.NET应用程序中实现Application Insights时不会收集用户代理信息，却能够在浏览器中收集统计信息？ 我很希望能够针对特定的用户代理字符串过滤出请求，但是看起来我无法看
我有多个应用程序使用 Application Insights for Production Data。我正在尝试使用 City 遥测字段来映射我们当前的用户。这些数据的跟踪似乎非常不一致，并且在大多
有没有办法在 ASP.NET Web 应用程序中禁用 Application Insights？假设我想关闭生产中运行的应用程序中的所有数据收集。 最佳答案 如果 ikey 在 Application
如何在 Azure Application Insights 中将时差转换为毫秒 let startTime = todatetime('2017-05-15T17:02:23.7148691Z');
我正在修改一个用 Coldfusion 编码的现有 Web 应用程序。在现有代码中，大部分文件夹包含一个 Application.cfm 文件，该文件设置应用程序变量 但是，我对这些应用程序的部分修改
我在 Application Insights Analytics 中有一些数据，它有一个动态对象作为自定义维度的属性。例如: | timestamp | name
首先，我需要的是-n WebBrowser-s，每个都在自己的窗口中执行自己的工作。用户应该能够看到所有这些内容，或者仅看到其中一个(或不显示任何内容)，并且能够对每一个执行命令。有一个主要形式，没有
我已收到以下代码以添加到封闭代码(受密码保护)中，以便可以发现错误。 On Error Resume Next: Err.Clear Application.SetOption "Error Trap
我正在使用 Delphi 7。我试图在非 VCL 单元中添加一个调用“application.processmessages”的过程。我收到错误“未声明的标识符:应用程序”。 如何从非 vcl 单元引
考虑一个非外汇现有应用程序，我们将其称为Business。 Business 公开一个 Model 对象，该对象又公开一些属性。 Model 还接受这些属性的监听器。 我的问题是关于向此类应用程序添加
我是一名优秀的程序员,十分优秀！