Javascript 为什么我无法获取this.refs.children元素？

我试图在React中获取ref的元素，但是我的console.log返回未定义的

下面是一个可视的情况日志：

在这幅图中，我们第一次看到HTML集合中有一些元素，但是当我试图调用arrayElement时，出现了一个问题：控制台返回undefined

这是我的代码：

let sliderContainer= this.refs.sliderContainer
console.log("sliderContainer: ", sliderContainer) // return reference element with all property inside
console.log("sliderContainer.childNodes: ", sliderContainer.childNodes,sliderContainer.children ) // return NodeList, HTMLCollection.... length 4
console.log("sliderContainer.childNodes[0]: ", sliderContainer.childNodes[0], sliderContainer.children[0) // return undefined, undefined 

既然我的控制台在第一个日志中显示了我的参考组件中的所有div元素，这怎么可能呢

任何暗示都很好，

---

感谢这是

HTMLCollection

，它的工作原理类似于一个数组，因此您可以通过索引

集合[index]

访问元素。有关更多信息，请参见它是

HTMLCollection

，它的工作原理类似于一个数组，因此您可以通过索引

集合[index]

访问元素。有关详细信息，您可以查看

此外，您可以使用

Array.from

将其转换为标准JS数组。@odensc当然可以，如果需要的话。谢谢您的回答，这就是我正在做的，但它返回的是未定义的，我已经实现了一个具体的日志，以帮助您欣赏situation@Webwoman这真的很奇怪，因为在您的代码片段

sliderContainer.childNodes

返回未定义，但在可视化日志中它返回NodeList。什么是正确的？oups，我角色的输入，是视觉效果好吗，我更正：）另外，你可以使用

Array.from

将它转换成标准的JS数组。@odensc当然，如果有必要的话。谢谢你的回答，这就是我正在做的，但它返回的是未定义的，我已经实现了一个具体的日志，以帮助您欣赏situation@Webwoman这真的很奇怪，因为在您的代码片段

sliderContainer.childNodes

返回未定义，但在可视化日志中它返回NodeList。什么是正确的？oups，我角色的打字错误，视觉效果好吗，我纠正：）