Question

我做了一个小项目，我希望在某些文本字段中显示一些文本，我将其作为HTTP响应。我得到的文字是html，但是当我试图显示它时，它没有格式化文本，而是显示带有标签的纯文本。请参阅随附的屏幕截图以供参考。

我在前端使用react.js。不确定我是否有错过的特殊规则。

我尝试在div，textarea和article标签中包装响应。什么都没有成功。

请帮忙！

这是我的组成部分：

const Show = (props) => (
  <div className='content'>
    <a href={props.job.url}><span className='ListEntryTitle'>{props.job.title} 
    </span></a>
    <p className='ListEntryCompany' style={{margin: "0 0 0 0"}}> 
    {props.job.company}</p>
    <p className='ListEntryType'>{props.job.type}</p> 
    <article className="box" type="text/html" style={{width: "auto", height: 
    "350px", overflow: "auto"}}>{props.job.description}</article>
    <button className="button" onClick={props.saveJob}>Save</button>
    <button className="button" onClick={props.nextJob}>Next</button>
    <div>
      <button className="button" onClick={props.newSearch}>new Search</button>
    </div>
  </div>
)

Screenshot

Answer 1

如果您的html从服务器端以字符串形式出现，那么您可以尝试我在下面所做的事情。如果您能够提供小提琴链接以便每个人都可以帮助您，那将会很好。

<article className="box" style={{width: "auto", height: "350px", overflow: "auto"}} dangerouslySetInnerHTML={{ __html: props.job.description }}></article>

尝试在我的应用程序的某些字段中显示呈现的html，但它显示源代码

1 个答案: