react 中 fetch 返回字符串中有a标签 如何添加react路由

Question

fetch(url)
        .then(res => res.text())
        .then(result => {
            this.setState({
                detail: result
            });
        });

render() {

    return (
        <div
            dangerouslySetInnerHTML={{ __html:this.state.detail }}
        />
    );
}

标签

结果是一些a标签 怎么才能改成路由跳转形式
<Link to={}></Link>

Answer 1

把返回来的a里的链接抽取出来，放到一个对象里
遍历这个对象，生成link

var data = process(this.state.detail) // {href: 'www.baid.com'}

<div>
<Link to={data.href} />
</div>