dangerouslySetInnerHTML
是 React 为浏览器 DOM 提供 innerHTML
的替换方案。
如果后台返回的是带有HTML标签的字符串(使用富文本编辑器创建的资讯之类的),可以使用 dangerouslySetInnerHTML
直接在 React 中设置 HTML,需要向其传递包含 key 为 __html
的对象。
例如:
<div
className="detail-content"
dangerouslySetInnerHTML={{ __html: language === 'zh' ? (content ? info.content : info.e_content) : (e_content ? info.e_content : info.content) }}
style={{ marginTop: 20 }}
/>
dangerouslySetInnerHTML
有2个{{}},第一{}代表JSX语法开始,第二个是代表接收的是一个对象键值对。