通過(guò)在開(kāi)發(fā)之前和用戶約定怎樣輸入帶有超鏈接的文本后聚磺，下面在界面上約定的是通過(guò)
xx{XX|http://www.baidu.com/}xx的形式來(lái)輸入鏈接炬丸，方便前端截取字符串并展示瘫寝。
ReplaceUrl = () => {
const { getFieldValue } = this.props.form;
let text = getFieldValue('rminderContent') || '';
let re = /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*)?)/gi;
let showhtml = text.replace(re, function (a) {
return (
'<a href="' + a + '" target=_blank>' + a + '</a>'
)
})
let html = { __html: showhtml };
return <div dangerouslySetInnerHTML={html}></div> ;
}
展示效果如下，將文本轉(zhuǎn)化為超鏈接的形式
image.png
