1. 程式人生 > >React 怎樣將後端給的html標籤渲染到頁面上

React 怎樣將後端給的html標籤渲染到頁面上

在使用react的過程中,發現需要渲染的資料是從後端獲取到的標籤語言,如果直接將他放在react裡面是不能夠正確渲染的。

  解決方法如下:

render() {      let listdata = this.state.data.entity ? this.state.data.entity.article :''       return (          <ContentWrap>            <Header>{listdata.meta}</Header>            <TextContent>               <h1>{listdata.title}</h1>               <div>                    <span>來源:{listdata.author}</span>                    <span>時間: {listdata.createTime}</span>                    <span>瀏覽: {listdata.clickTimes}</span>              </div>              <div dangerouslySetInnerHTML = {{ __html: listdata.content}}></div>,
         </TextContent>         </ContentWrap> ) } }   如果直接渲染資料他會按照後臺傳過來的標籤原封不動的進行輸出,不會進行解析的   ^_^