如何在React中安全地显示包含换行符的文本，以避免XSS攻击？
- 内容介绍
- 文章标签
- 相关推荐
在 React 项目里你可能经常需要把使用者提交的多行文本展示来但同时又担心其中潜藏的恶意脚本导致 XSS 攻击。如何在保留换行符的前提下既安全又简洁地渲染这类内容？下面为你梳理几种实用方案，并配合痛点说明方便你落地。
再看痛点一，换行符失效还是 XSS 漏洞
大多数开发者会先想到直接把字符串放进 JSX。如：
{textContent}
但如果 textContent 里包含
。在 React 项目里你可能经常需要把使用者提交的多行文本展示来但同时又担心其中潜藏的恶意脚本导致 XSS 攻击。如何在保留换行符的前提下既安全又简洁地渲染这类内容？下面为你梳理几种实用方案，并配合痛点说明方便你落地。
再看痛点一，换行符失效还是 XSS 漏洞
大多数开发者会先想到直接把字符串放进 JSX。如：
{textContent}
但如果 textContent 里包含
。