在React中如何防范XSS攻击？
React对于XSS（跨站脚本攻击）有内置的防御机制。默认情况下，React在插入数据到DOM前会对所有的内容进行转义，这意味着如果你使用JSX来插入用户输入的内容，React会确保这些内容在插入到页面前被正确的转义，从而避免XSS攻击。
例如，以下代码是安全的：
const userInput = '<img src="x" onerror="alert(\'XSS Attack\')" />';
<div>{userInput}</div>
在这个例子中，尽管userInput包含了一段可能引发XSS攻击的代码，但是React会自动将这段代码转义，因此它会被当作纯文本渲染，不会执行其中的JavaScript。
然而，有一种情况需要特别注意，那就是当你使用dangerouslySetInnerHTML属性时。这个属性会告诉React你希望插入的内容是HTML，React将不会对这部分内容进行转义，因此可能会引发XSS攻击。所以，除非你完全信任你要插入的内容，否则你应该避免使用dangerouslySetInnerHTML。
<div dangerouslySetInnerHTML={{__html: userInput}} />
在这个例子中，userInput中的代码将会被执行，可能会引发XSS攻击。
总的来说，React的默认行为可以防止大部分的XSS攻击，但是我们仍然需要对特殊情况（如使用dangerouslySetInnerHTML）保持警惕。