在JSON中获取HTML以在React Component中呈现为HTML

Question

试图弄清楚如何获取实际呈现为链接的链接。在我从Json文件读取这行文本之后，反应将超链接呈现为文本文本，但并未将其呈现为链接。

someData.json

[{ 
    "about": "John has a blog you can read <a href=\"http://www.john.com/blog/\" target=\"_blank\">here</a>." 
}] 

someComponent.js

const Person = Component({ 
    store: Store('/companies'), 
    render(){ 
     var company = this.store.value()[this.props.companyId]; 

     return (
      <div id='ft-interviewee className="all-100"'> 
       <p className="section-heading bold padding-top-20 font-22">Person</p> 
       <div className="column-group horizontal-gutters"> 
        <div className="all-10"> 
         <div>{company.people.person.about}</div> 
        </div> 

      </div> 
     ) 
    } 
}); 

Answer 1

您可以使用dangerouslySetInnerHTML

<div dangerouslySetInnerHTML={ { __html: company.people.person.about } }></div> 

Example