鍍金池/ 問答/HTML5  HTML/ react 中 fetch 返回字符串中有a標(biāo)簽 如何添加react路由

react 中 fetch 返回字符串中有a標(biāo)簽 如何添加react路由

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

render() {

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

標(biāo)簽

結(jié)果是一些a標(biāo)簽 怎么才能改成路由跳轉(zhuǎn)形式
<Link to={}></Link>

回答
編輯回答
擱淺

把返回來的a里的鏈接抽取出來,放到一個(gè)對(duì)象里
遍歷這個(gè)對(duì)象,生成link

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

<div>
<Link to={data.href} />
</div>
2017年1月18日 03:58