反应-在组件内部使用“文档”

Question

如果我有一个带有以下行的表示性（子级）组件：

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

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

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

它不会得到它的价值。

那是为什么？如果我在组件中使用document，那么它是否仅在该组件“本地”？

Answer 1

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

另一方面，也许您打算使用：document.getElementById('parameters').innerHTML 在该元素中获取文本，而不是.value