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

标签 javascript html reactjs

我正在尝试学习 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 &lt;URL&gt;"会工作。

最佳答案

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

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

关于javascript - 为什么我们不能打印包含 html 名称的变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47691924/

相关文章:

javascript - 通过 WinForms WebBrowser 控件将数据输入到 SharePoint RichText 控件

javascript - AngularJS - 来自 JSON 字符串的数据绑定(bind)

javascript - 跨不同页面显示 JS var

javascript - 响应式菜单点击不关闭

reactjs - 导入 enzyme 后加载模块 DomUtils 时出现 Webpack 错误

javascript - MUI 自动导入建议在 VS Code、Next.js 13 项目中不起作用

javascript - 通用组件中对象的类型为 'unknown' .ts(2571)

javascript - 更新单个用户详细信息页面的 react 状态

html - 无法设置其父元素的最小高度设置为 100% 的元素的百分比高度

reactjs - React - 仅导入一次 JSON 对象