为什么我们不能打印包含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)我正在“导航到＆lt; URL＆gt;”

时

但是当我尝试更新div的内部html时，所有打印的内容都是“导航到”

感谢您提出我的愚蠢问题，但我真的想知道下面发生了什么，因为我知道let type = "Navigate to <URL>"会起作用。

Answer 1

避免XXS附加React将呈现文本。如果你想渲染html使用

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