将字符串WITH(react-native)TAGS转换为可映射/可输出的对象

时间:2016-02-05 09:56:01

标签: javascript reactjs react-native

我目前正面临一个挑战,我必须使用像这样的纯HTML响应的API:

<div class="yx"><h3>SomeHead</h3><div class="otherclass"><p>someText</p></div><span class="time">23123123</span></div><div class="yx"><h3>SomeHead</h3><div class="otherclass"><p>someText</p></div><span class="time">23123123</span></div><div class="yx"><h3>SomeHead</h3><div class="otherclass"><p>someText</p></div><span class="time">23123123</span></div>

由于我需要在原生应用中显示此信息,因此我必须将所有HTML语法替换为原生HTML。 在尝试了一些自编写的函数后,我设法获得了一个看似正确的方法,将所有内容转换为以下输出:(array)

0: "<View><Text>SomeHead</Text><View><Text>someText</Text></View><Text>41234123</Text></View>"
1: "<View><Text>SomeHead</Text><View><Text>someText</Text></View><Text>41234123</Text></View>"
3: "<View><Text>SomeHead</Text><View><Text>someText</Text></View><Text>41234123</Text></View>"

现在我需要以某种方式设法将具有正确语法的字符串输出到我的应用程序中 - 不幸的是我还在努力寻找合适的解决方案。

JSON.方法不起作用,因为它们只能处理JSON语法而且<不在其支持范围内

注意回复的内容不是实际内容,但它代表了我的情况。

1 个答案:

答案 0 :(得分:0)

您正在加载并盲目整合来自第三方API的数据吗?

永远不要相信来自不完全控制的来源的数据。

imho的最佳方式是加载数据,将其放入HTML解析器,然后提取所需的数据,转义它(!)并以编程方式创建JSX。