javascript - 为什么我们不能打印包含 html 名称的变量？

Question

我正在尝试学习 ReactJS。

我有一个 html 选择选项作为
<option value="navigate">Navigate to &lt;URL&gt; </option>

并且我已经在我的脚本中获得了选定的文本

let type = document.getElementById
('stepType').options[document.getElementById('stepType').selectedIndex].text;

当我 console.log(type)我收到“导航到 ”

但是当我尝试更新我的 div 的内部 html 时，打印的只是“Navigate to”

谢谢你容忍我的愚蠢问题，但我真的很想知道下面发生了什么，因为我知道 let type = "Navigate to <URL>"会工作。

Answer 1

为了避免 XSS 攻击，React 会渲染文本。如果你想渲染 html 使用

<div dangerouslySetInnerHTML={{__html: "Navigate to &lt;URL&gt;"}}/>