Javascript 试图在我的应用程序的某个字段中显示呈现的html,但它显示了源代码
我正在做一个小项目,我想在一些文本字段中显示一些文本,作为HTTP响应。我得到的文本是html,但当我试图显示它时,它不是格式化文本,而是用标记显示纯文本。 请参阅附件中的屏幕截图以供参考 我在前端使用react.js。不确定是否有我错过的特殊规则 我已经尝试将响应包装在div、textarea和article标记中。什么都没有成功 请帮忙 这是我的组件: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'> <
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很高兴它对你有用。你能投票表决我给出的解决方案,让其他人也能得到帮助吗。