字符串到 React DOM 对象

Question

我正在使用 React js 15.4.2。我将 html 数据存储为字符串，例如"<p>Hello..</p>". 我无法将它们附加到 DOM 中。

...
componentDidMount(){
  let obj = dataFromDB.map((data)=>{
               return(
                  <div>
                    {data.strHtml}
                  </div>
               ) 
            }) 
   this.setState({storedObj: obj})
}

render(){
    return(
      <div>
          {this.state.storedObj}
      </div>
    )
}
...

您对将 html 对象正确附加到 DOM 有什么建议吗？

Answer 1

你还可以研究一下react-html-parser模块，在渲染到DOM之前解析html，它非常容易使用。

import Parser from 'html-react-parser';    

class Example extends React.Component {

render() {
   return (
     <div>
       {Parser(this.state.dataStored)}
     </div>
   )
}
}