RichText
富文本。

组件 支持度

微信小程序 H5 ReactNative 属性名 类型 默认值 说明
✔️ nodes Array / String [] 节点列表 / HTML String
示例:
  1. import Taro, { Component } from '@tarojs/taro'
  2. // 引入 RichText 组件
  3. import { RichText } from '@tarojs/components'
  4. class App extends Components {
  5. state = {
  6. nodes: [{
  7. name: 'div',
  8. attrs: {
  9. class: 'div_class',
  10. style: 'line-height: 60px; color: red;'
  11. },
  12. children: [{
  13. type: 'text',
  14. text: 'Hello World!'
  15. }]
  16. }]
  17. }
  18. render () {
  19. return (
  20. <RichText nodes={this.state.nodes} />
  21. )
  22. }
  23. }