Yuan.js

import React from 'react';
import { yuan } from 'components/Charts';
/**
 * 减少使用 dangerouslySetInnerHTML
 */
export default class Yuan extends React.PureComponent {
  componentDidMount() {
    this.rendertoHtml();
  }
  componentDidUpdate() {
    this.rendertoHtml();
  }
  rendertoHtml = () => {
    if (this.main) {
      this.main.innerHTML = yuan(this.props.children);
    }
  };
  render() {
    return (
      <span
        ref={ref => {
          this.main = ref;
        }}
      />
    );
  }
}