react-native – 在React Native中呈现HTML

前端之家收集整理的这篇文章主要介绍了react-native – 在React Native中呈现HTML前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的React Native应用程序中,我提取了具有如下原始HTML元素的JSON数据:< p>这是一些文本.让&#8217; s弄清楚……< / p>

我已将数据添加到我的应用中的视图,如下所示:

<文本> {this.props.content}< /文本和GT;

问题是HTML是原始的,它不像在浏览器中那样渲染.有没有办法让我的JSON数据看起来像在浏览器中,在我的应用程序视图中?

编辑2017年3月:html prop已被弃用.改为使用source:
<WebView source={{html: '<p>Here I am</p>'}} />

https://facebook.github.io/react-native/docs/webview.html#html

感谢Justin指出这一点.

编辑2017年2月:PR被接受了一段时间,所以要在React Native中呈现HTML,只需:

<WebView html={'<p>Here I am</p>'} />

原答案:

我认为目前不可能.您所看到的行为是预期的,因为Text组件只输出……好吧,文本.你需要另一个输出HTML的组件 – 那就是WebView.

不幸的是,现在无法直接在此组件上设置HTML:

https://github.com/facebook/react-native/issues/506

但是我刚刚创建了this PR,它实现了这个功能的基本版本,所以希望它能以某种形式快速登陆.

原文链接:https://www.f2er.com/react/301291.html

猜你在找的React相关文章