React native 如何在react native中以html格式显示json输出 “description”:“迷你USB电缆是一种时尚、坚固、现代的充电方式。它由高级材料制成,提供更快的充电和数据传输。这款USB的诱人设计是它的USP。它时尚、便携,甚至可以放在口袋里。迷你USB电缆的紧凑设计不会占用太多空间,也不会发出刺耳的声音e像普通的长电缆。此电缆结构坚固耐用,充电速度更快,数据传输更轻松。此产品附带更换保修。如果在保修期内遇到任何制造缺陷,您可以更换此产品。立即订购此产品,并将其放在口袋中为您的客户充电智能手机随时随地。\r\n其他功能长寿命快速充电技术规格充电速度:2A长度:200mm

React native 如何在react native中以html格式显示json输出 “description”:“迷你USB电缆是一种时尚、坚固、现代的充电方式。它由高级材料制成,提供更快的充电和数据传输。这款USB的诱人设计是它的USP。它时尚、便携,甚至可以放在口袋里。迷你USB电缆的紧凑设计不会占用太多空间,也不会发出刺耳的声音e像普通的长电缆。此电缆结构坚固耐用,充电速度更快,数据传输更轻松。此产品附带更换保修。如果在保修期内遇到任何制造缺陷,您可以更换此产品。立即订购此产品,并将其放在口袋中为您的客户充电智能手机随时随地。\r\n其他功能长寿命快速充电技术规格充电速度:2A长度:200mm,react-native,node-modules,jsonresponse,React Native,Node Modules,Jsonresponse,这是我的json响应,现在我想在我的android原生应用程序中显示此响应,我使用了html view和render html view等包,首先它显示了错误-- fontfamily“arial,sans serif”不是系统字体,未通过react native中的font.loadasync加载 但通过搜索,我找到了解决方案,但在这个错误之后,现在它的弹出窗口无法将没有瑜伽节点的子节点添加到没有测量功能的父节点 我应该如何在html中显示json响应,以及如何在本机页面中显示json响应,以

这是我的json响应,现在我想在我的android原生应用程序中显示此响应,我使用了html view和render html view等包,首先它显示了错误-- fontfamily“arial,sans serif”不是系统字体,未通过react native中的font.loadasync加载 但通过搜索,我找到了解决方案,但在这个错误之后,现在它的弹出窗口无法将没有瑜伽节点的子节点添加到没有测量功能的父节点

我应该如何在html中显示json响应,以及如何在本机页面中显示json响应,以及如何在响应中显示它的图像?我对此感到非常困惑? 这是我的密码

"description": "<ul class=\" list-paddingleft-2\" style=\"outline: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; color: rgb(51, 51, 51); text-align: center; width: 1106.55px;\"><li style=\"outline: 0px; margin: 0px; padding: 0px; list-style: none outside none;\"><div style=\"\"><span style=\"outline: 0px; margin: 0px; padding: 0px; font-size: 14px; line-height: 16.1px;\"><p class=\"MsoNoSpacing\" style=\"text-align: left; \"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\">Mini USB cable is a stylish, sturdy and contemporary way of charging. It is made up of high grade material and offers faster charging &amp; data transfer. The enticing design of this USB is its USP. It is stylish, portable and can even be carried in pocket. The compact design of the Mini USB cable doesn’t acquire much space and doesn’t tangle like the common lengthy cables. This cable has rugged and sturdy build which offers faster charging and effortless data transfer. This product comes with replacement warranty. You can replace the product if you come across any manufacturing defects within the warranty period. Order this product today and carry it in your pocket for charging your Smartphone&nbsp;</span>anywhere anytime.&nbsp;<span style=\"font-family:&quot;Arial&quot;,&quot;sans-serif&quot;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 3.95pt; text-align: justify; line-height: normal; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><b><span lang=\"EN-IN\" style=\"font-family:&quot;Arial&quot;,&quot;sans-serif&quot;;mso-fareast-font-family:&quot;Times New Roman&quot;;\r\ncolor:#C00000;mso-ansi-language:EN-IN\"><br><span style=\"font-size: 14px;\">\r\nOther features</span></span></b><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Soft grip</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Long life span</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Fast charging&nbsp;</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Portable &amp; affordable</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin-bottom: 3.95pt; text-align: justify; line-height: normal; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><b><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif; color: rgb(192, 0, 0);\"><br></span></b></p><p class=\"MsoNormal\" style=\"margin-bottom: 3.95pt; text-align: justify; line-height: normal; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><b><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif; color: rgb(192, 0, 0); font-size: 14px;\">Technical Specifications</span></b><br></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Charging speed: 2A</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Length: 200mm</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p><p class=\"MsoNormal\" style=\"text-align: justify;\"><span style=\"font-size: 14px;\">\r\n\r\n</span><span style=\"font-size: 14px;\">\r\n\r\n</span><span style=\"font-size: 14px;\">\r\n\r\n</span><span style=\"font-size: 14px;\">\r\n</span><span style=\"font-size: 14px;\">\r\n</span><span style=\"font-size: 14px;\">\r\n</span><span style=\"font-size: 14px;\">\r\n</span><span style=\"font-size: 14px;\">\r\n\r\n</span><span style=\"font-size: 14px;\">\r\n\r\n</span></p><p class=\"MsoNormal\" style=\"margin: 0cm 0cm 3.95pt -18pt; text-align: justify; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;\"><span lang=\"EN-IN\" style=\"font-family: Arial, sans-serif;\"><span style=\"font-size: 14px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style=\"font-size: 14px;\">Connector type: Micro USB&nbsp;</span></span><span style=\"font-family: Arial, sans-serif;\"><o:p></o:p></span></p></span></div></li></ul>",


您可以使用:

您可以使用:

仍然相同,我使用了render html包,但错误仍然相同?库将自行处理图像。如果您的问题是转义字符串,则可以根据需要使用
unscape
函数。unscape?你能举例说明吗。。。!现在显示的错误是,无法将没有瑜伽节点的子节点添加到没有度量函数的父节点,现在data.description字段为emptystill same,我使用了render html包,但错误仍然相同?库将自行处理图像。如果您的问题是转义字符串,如果需要,您可以使用
unscape
功能。unscape?你能举例说明吗。。。!现在显示的错误是,无法将没有瑜伽节点的子节点添加到没有度量函数的父节点,现在data.description字段为空
<Text>
 <HTML html={this.state.data.description} imagesMaxWidth={Dimensions.get('window').width} ignoredStyles={["font-family", "letter-spacing"]}/>
  </Text>