Reactjs 如何呈现变量(或prop)内部的jsx/html? constfooter=()=>{ 让a=“嘿” 返回( 一些粗体文本:{a} ) }

Reactjs 如何呈现变量(或prop)内部的jsx/html? constfooter=()=>{ 让a=“嘿” 返回( 一些粗体文本:{a} ) },reactjs,Reactjs,这将仅呈现为一些粗体文本:嘿。如何将粗体文本渲染为粗体?变量内容是我自己的,因此我不必担心eval内容。您必须使用 constfooter=()=>{ 设a={{uuuuhtml:“嘿”}; 返回( 一些粗体字: ) } const Footer = () => { let a="<b>Hey</b>" return ( <div> Some bold text: {a} </div> ) } co

这将仅呈现为一些粗体文本:嘿。如何将粗体文本渲染为粗体?变量内容是我自己的,因此我不必担心eval内容。

您必须使用

constfooter=()=>{
设a={{uuuuhtml:“嘿”};
返回(
一些粗体字:
)
}
const Footer = () => {
  let a="<b>Hey</b>"
  return (
    <div>
      Some bold text: {a}
    </div>
  )
}
const Footer = () => {
  let a= { __html: "<b>Hey</b>" };
  return (
    <div>
      Some bold text: <span dangerouslySetInnerHTML={a} />
    </div>
  )
}