javascript - React - 在组件内部使用 "document"

标签 javascript html reactjs

如果我有一个具有以下行的演示(子)组件:

<small id="parameters"> some parameters text </small>

我注意到,如果我转到其父容器组件并尝试通过以下方式获取该元素:

 const textElem = document.getElementById('parameters').value;

它不会获得其值(value)。

这是为什么呢?如果我在组件中使用 document ,它是否只是该组件的“本地”?

最佳答案

您可以在组件内使用 document 来引用全局 document 对象,但它不是该组件的本地对象,但是,在您引用 时>document.getElementById('parameters') 该元素可能尚未渲染到 dom,因此请确保在子元素渲染后调用它。

另一方面,也许您打算使用:document.getElementById('parameters').innerHTML 获取该元素内的文本,而不是 .value

关于javascript - React - 在组件内部使用 "document",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53324622/

相关文章:

javascript - 更新期间控制复选框的最佳方法 | ReactJS

javascript - Jest : Specific selector

javascript - 由于回调结构中可能存在错误,无法实现超时工作

html - 或多或少正确地从 RGB 转换为 CMYK

javascript - 从 li 的子节点检索文本

php - 上传加载缓慢和 Uncaught Error

reactjs - 为什么路由的可选参数旁边有括号

javascript - 使用 javascript 创建多维数组 (nXn) 矩阵

javascript - 来自kml数据错误消息的mapbox javascript自定义图标

javascript - 如何在确认弹出窗口中对齐新行? (JavaScript)