当文本是与reactor的链接时将文本转换为图片

Question

我正在构建一个链接数据应用程序，但我的代码遇到了一些问题，如下所示

import React from 'react';
import URIUtil from '../../../utils/URIUtil';
class BasicIndividualView extends React.Component {
render() {
    let val, outputDIV;
    val = this.props.spec.value;
    if(this.props.spec.valueType === 'uri'){
        if(this.props.config){
            if(this.props.config.truncateURI){
                val = '<' + URIUtil.truncateMiddle(val, 50, '') + '>';
            }else if (this.props.config.shortenURI) {
                val = '<' + URIUtil.getURILabel(val) + '>';
            }
        }
        outputDIV = <a href={this.props.spec.value} target="_blank"> {val} </a>;
    }else{
        outputDIV = <span> {val} </span>;
    }
    return (
        <div className="ui" ref="basicIndividualView">
            {outputDIV}
        </div>
    );
  }
}

export default BasicIndividualView;

现在我想显示文字，如果文字是链接，我想要显示图片。