Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 试图在我的应用程序的某个字段中显示呈现的html,但它显示了源代码_Javascript_Html_Css_Reactjs_Jsx - Fatal编程技术网

Javascript 试图在我的应用程序的某个字段中显示呈现的html,但它显示了源代码

Javascript 试图在我的应用程序的某个字段中显示呈现的html,但它显示了源代码,javascript,html,css,reactjs,jsx,Javascript,Html,Css,Reactjs,Jsx,我正在做一个小项目,我想在一些文本字段中显示一些文本,作为HTTP响应。我得到的文本是html,但当我试图显示它时,它不是格式化文本,而是用标记显示纯文本。 请参阅附件中的屏幕截图以供参考 我在前端使用react.js。不确定是否有我错过的特殊规则 我已经尝试将响应包装在div、textarea和article标记中。什么都没有成功 请帮忙 这是我的组件: const Show = (props) => ( <div className='content'> <

我正在做一个小项目,我想在一些文本字段中显示一些文本,作为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>
)
const Show=(道具)=>(

{props.job.company}

{props.job.type}


如果您的html是从服务器端以字符串形式出现的,那么您可以尝试我在下面所做的操作。如果您可以提供fiddle链接,这样每个人都可以帮助您,这将是一件好事


也许这有帮助,您可以提供fiddle链接,以便我可以帮助您。尝试使用
html()
函数将此响应附加到jquery中。将您的响应包装在
html()中
function。太棒了!很抱歉没有发布fiddle链接。仍在学习如何使用StackOverflow,谢谢你让我知道!@Laurents很高兴它对你有用。你能投票表决我给出的解决方案,让其他人也能得到帮助吗。