子供の小道具から特定のノードを得るReact

Question

私はReactにはかなり新しいです。一連の子プロップから特定のノードを取得する方法はありますか？だから私は子供を受け入れるコンポーネントを持っています。 <CustomComponent> {children} </CustomComponent。 Childrenプロパティは、多くの子ノードを持つ要素の配列です。

<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