React Native中解析HTML
2019-01-29 23:26
1001 查看
使用这个react-native-htmlview可以解析HTML字符串。实现效果和vue中的v-html指令或jQuery中$(Selector).html()相同
示例:
import React from 'react' import {Text,View} from 'react-native' import HTMLView from 'react-native-htmlview' export default class Favorites extends React.Component{ render(){ let html = `<p><a href="http://jsdf.co">♥ nice job!</a></p>` return <View> <HTMLView value={html}/> <Text>{html}</Text> </View> } }
使用前需要安装
yarn add react-native-htmlview,具体使用方式参见这里
上面代码实现的效果如下图:
相关文章推荐
- [React Native] 解析JSON文件
- [深入剖析React Native]React Native组件之Touchable*源码解析(1)
- 【RN基础02】React Native生命周期完全解析
- React-Native痛点解析之开发环境搭建及扩展
- React-Native进行时(三)--JS网络请求解析
- React Native运行原理解析
- React-Native webview遇到的坑及android源码解析(一)
- react-native 启动流程原理解析
- ReactNative WebView使用本地HTML在真机上无法显示的问题
- React-Native屏幕适配之ImageView的应用解析
- 【React Native】从源码一步一步解析它的实现原理
- React Native组件(四)TextInput组件解析
- React-Native开发总结-html层面上的问题
- React Native 痛点解析之性能调优
- 【React Native】从源码一步一步解析它的实现原理
- React Native自定义View解析Emoji
- React native热更新思路(一)之ReactNativeHost类解析【适用于Android开发者】
- React dangerouslySetInnerHTML - 将HTML字符串解析为html样式显示在table的扩展中
- 每日知识总结计划(java、android、react native、web框架、js、css、html、ajax)首页