为什么我们不能打印一个带有HTML名称的变量

Question

我正在尝试学习ReactJ。

我有一个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;"}}/>