从儿童道具React获取特定节点

Question

我对React很新。有没有办法从子数组道具中获取特定节点。所以我有一个接受孩子的组件。 <CustomComponent> {children} </CustomComponent。 Children属性是一个包含大量子节点的元素数组。

<div> <h1> Title </h1> <p> Paragraph </p> <span> Text </span> <button> Text </button> </div>

CustomComponent是否有办法仅使用<h1>获取React.Children代码？

Answer 1

如果可能，您可以将refs附加到要获取的子元素。这样你就可以做到：

this.props.children.refs['yourRefKey']

Answer 2

如果我理解了您的问题，可以使用refs属性然后再访问它。

<input type="text" ref="myinput">

然后

this.refs.yourref