如何呈现变量（或props）内的 jsx/html？

IT技术 reactjs
2021-05-23 03:43:35 
const Footer = () => {
  let a="<b>Hey</b>"
  return (
    <div>
      Some bold text: {a}
    </div>
  )
}

这只会呈现为Some bold text: <b>Hey</b>. 如何将粗体文本呈现为粗体？变量内容是我自己的，所以我不必担心 eval 的东西。

1个回答

你将不得不使用 dangerouslySetInnerHTML

const Footer = () => {
  let a= { __html: "<b>Hey</b>" };
  return (
    <div>
      Some bold text: <span dangerouslySetInnerHTML={a} />
    </div>
  )
}
其它你可能感兴趣的问题
上一篇react：未捕获的范围错误：超出最大调用堆栈大小 下一篇我的调用 async/await 在我的操作中返回一个 Promise {<pending>}