Transform Text To Link - React + Js

transform-text-link.js

convertTextToUrl(text) {
  let replacedText = '';
  if (text != '') {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    var text1 = text.replace(exp, "<a href='$1' target='_blank'>$1</a>");
    var exp2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
    const node = this.myRefLink.current;
    if (node != null) {
      node.innerHTML = text1.replace(exp2, '$1<a href="http://$2" target="_blank">$2</a>');
    }
    return '';
  }
  return replacedText;
}

//html
const detailText = this.convertTextToUrl(this.state.text);

<p ref={this.myRefLink}>
  {detailText}
</p>