亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

react用正則匹配字符串,并給其添加一個標簽,標簽無法被瀏覽器渲染(可點擊看例子)

react用正則匹配字符串,并給其添加一個標簽,標簽無法被瀏覽器渲染(可點擊看例子)

白豬掌柜的 2019-02-14 18:10:19
有一段字符串例如:var str ="這是一個 react 項目,沒事我就會segmentfault,然后我還會去谷歌";想要在頁面展示成:<li>這是一個 react 項目,沒事我就會<a href="http://www.segmentfault.com">segmentfault</a>,然后還會去谷歌</li> reactjs:class Showlist extends Component{  render(){    return (<li>        {            this.props.val.replace(/segmentfault/,<List/>)//此處 val 是獲取父組件的值,且存在            //另一種寫法            this.props.val.replace(/segmentfault/,<a href="http://www.segmentfault.com">segmentfault</a></div>)        }      </li>)  }}class List extends Component{    render(){        return <div dangerouslySetInnerHTML={{__html: '<a href="http://www.segmentfault.com">segmentfault</a></div>'}}/>    }}結果頁面輸出 <li>這是一個 react 項目,沒事我就會[object object],或者直接來 segmentfault</li>
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 592 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號