從兒童道具獲取特定節點React

Question

我對React很陌生。有沒有辦法從一組兒童道具中獲取特定節點？所以我有一個接受孩子的組件。 <CustomComponent> {children} </CustomComponent。兒童財產是一系列具有許多子節點的元素。

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

有沒有辦法爲CustomComponent使用React.Children只得到<h1>標籤？

Answer 1

如果可能，您可以將引用附加到要獲取的子元素。所以，你可以這樣做：

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

Answer 2

如果我明白你的問題，這是通過使用refs屬性，然後再訪問它是可行的。

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

然後

this.refs.yourref