react 插入html

发布时间：2020-12-15 09:29:54 所属栏目：百科来源：网络整理

导读：dangerouslySetInnerHTML dangerouslySetInnerHTML ?是 React 为浏览器 DOM 提供? innerHTML ?的替换方案。通常来讲，使用代码直接设置 HTML 存在风险，因为很容易无意中使用户暴露于跨站脚本（XSS）的攻击。因此，你可以直接在 React 中设置 HTML，但当你想

dangerouslySetInnerHTML

dangerouslySetInnerHTML?是 React 为浏览器 DOM 提供?innerHTML?的替换方案。通常来讲，使用代码直接设置 HTML 存在风险，因为很容易无意中使用户暴露于跨站脚本（XSS）的攻击。因此，你可以直接在 React 中设置 HTML，但当你想设置?dangerouslySetInnerHTML?时，需要向其传递包含 key 为?__html?的对象，以此来警示你。例如：

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

 MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!