有一段字符串例如: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>
react用正則匹配字符串,并給其添加一個標簽,標簽無法被瀏覽器渲染(可點擊看例子)
白豬掌柜的
2019-02-14 18:10:19