reactjs - 子の DOM ノードを取得する方法

Question

親コンポーネントで定義された子コンポーネントの DOM ノードにアクセスしたい。以下のサンプルでは、​​「try1」と「try2」の両方の方法を試しましたが、どちらも機能しません。「theDiv」ref の DOM ノードを取得するにはどうすればよいですか?

<Form>
    <Frame>
        <div ref="thediv" />
    </Frame>
</Form>

Form.render() {
    return (
       <Frame>
           <div ref="theDiv" />
       </Frame>
}

try1.Frame.componentDidMount() {
    let theDiv = ReactDOM.findDOMNode(this.refs.theDiv);
}

try2.Frame.componentDidMount() {
    React.Children.forEach(this.props.children, child => {
       if (child.ref === "theDiv") {
           let theDiv = ReactDOM.findDOMNode(child);
       }
    });
}

Answer 1

DOMノードはただではありませんthis.refs.theDivか?