react 插入html

dangerouslySetInnerHTML

dangerouslySetInnerHTML 是 React 為瀏覽器 DOM 提供 innerHTML 的替換方案。通常來講，使用代碼直接設置 HTML 存在風險，因為很容易無意中使用戶暴露於跨站腳本（XSS）的攻擊。因此，你可以直接在 React 中設置 HTML，但當你想設置 dangerouslySetInnerHTML 時，需要向其傳遞包含 key 為 __html 的對象，以此來警示你。例如：

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

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