logo
Updated

XSS対策とdangerouslySetInnerHTML

type: #tech


オプション2: HTMLサニタイズライブラリを使用

import DOMPurify from 'dompurify'

// HTMLを許可するが、悪意のあるスクリプトを除去
{release.with_body ? (
\<Link href={`/release/${release.id}`}>{release.short}\</Link>
) : (
\<span dangerouslySetInnerHTML={{
__html: DOMPurify.sanitize(release.short)
}} />
)}