У дизайн-системі компонент обгортає dangerouslySetInnerHTML. Який підхід найнадійніший?

Очищати всередині компонента (чи приймати лише позначений тип "очищеного" HTML), щоб викликачі не могли передати сирі рядки

Перейменувати проп на safeHtml

Додати коментар з проханням очищати перед викликом

Веб-безпека · Senior · Запитання 16 з 75

У дизайн-системі компонент `<RichText html={...} />` обгортає `dangerouslySetInnerHTML`. Який підхід найнадійніший?

✓Правильна відповідь: Очищати всередині компонента (чи приймати лише позначений тип "очищеного" HTML), щоб викликачі не могли передати сирі рядки
2Перейменувати проп на safeHtml
3Додати коментар з проханням очищати перед викликом

Перевірка в єдиному приймачі робить безпечний шлях типовим. Типи й правила лінтера можуть заборонити прямий dangerouslySetInnerHTML деінде.