如何在ReactJS中从同一个父对象中的第一个孩子访问第二个孩子的引用

Question

我有包含两个子组件的父组件。

<Parent>
<Child1></Child1>
<Child2></Child2>
</Parent>

在Child2组件中，我有一个Ul（无序列表），其中给了ref="mylist"。

<ul ref="mylist" className="list"><li>Test1</li><li>Test2</li><li>Test3</li></ul>

那么我该如何从mylist组件访问Child1并获取列表值。

Answer 1

您可以考虑将值存储在Parent组件中，并将其作为道具传递给子代。

Answer 2

在父级内部使用React.createRef（）并将其作为道具传递给子级。