taro富文本解析

import Taro, { Component } from '@tarojs/taro'
import {
    Block,
    View,
    Image,
    Text,
    CheckboxGroup,
    RadioGroup,
    Label,
    ScrollView,
    RichText
} from '@tarojs/components'
import { isEmpty, checkLogin, jdTorjLogin } from '@/utils/util'
import { wxRegistrationAgreement } from '@/servers/api/plusMember'
import './plusProtocol.scss'
import { getGlobalData, setGlobalData } from '@/utils/global_data'
import { gd_geolocation } from '@/utils/map.js'
import { pageToLogin } from '@/servers/utils'
import { Back, GetOpenId } from '@/components'
import { getWechatSign } from '@/utils/wxSignature'

export default class PlusProtocol extends Component {
  config = {
    navigationBarTitleText: 'PLUS会员协议'
  }

  state = {
    coupon_text:"",
  }

  async componentWillMount() {
  
  }

  componentDidShow() {
    debugger
    let fromParams = this.$router.params
    this.state.id = fromParams.id
    this.getDetail();
  }
  async getDetail() {
    try {
      let params = {
        type:2
      }
      let currentResult = await wxRegistrationAgreement(params);
      if(currentResult.code=='200'){
        debugger
        let result = currentResult.data;
        if (result) {
          // let coupon_text = new HtmlParser(data.skuInfos[0].mobiledesc).nodes
          let coupon_text = result
          this.setState({
            coupon_text: coupon_text
          })
        } else {
          this.setState({
            coupon_text: ''
          })
        }
      }
     
    } catch (err) {
    }
  }

    render() {
        const {
          coupon_text,
          iPhoneXStyle,
        } = this.state
        return (
            <View className="protocol_wrap">
              <GetOpenId></GetOpenId>
                <Back></Back>            
                <View>
                  {coupon_text && (
                    <View
                      className={
                        iPhoneXStyle
                          ? 'wap-chooseticket-footer-diff-iponex'
                          : 'wap-chooseticket-footer-diff'
                      }
                    >
                      <RichText nodes={coupon_text} />
                    </View>
                  )}
                
                <View className="goodsDetail_index-searchDf1"></View>
                </View >
                
            </View >
        )
    }
}