子供のアクセスの親コンポーネント

Question

この "パラドックス"のクリーンなソリューションがあれば、どんな考えですか？

class Container extends Component { 
    render() { 
     <Parent> // ---------v 
      <Child parent={Parent} /> // Reference to "Parent" 
     </Parent> 
    } 
} 

問題は<Child>が<Parent>前をレンダリングしていることを、もちろん、です。

最終的には、<Parent>のインスタンスメソッドを<Child>から呼び出すことが目標です。例えば(ref)として

Iはすでに試みた回避策、コールバック関数（getParentReference()）、cloneElement()あるいはthis._reactInternalInstanceを使用して新しい小道具としてそれを追加することによって、参照を渡すが、それらのどれも（非常にハックされてから離れて）動作するように見えません。

Answer 1

コールバック関数を使用することを検討する必要があります。

コールバック関数

親はこのように、小道具として子供に関数を渡す：

<MyChild myFunc={this.handleChildFunc.bind(this)} /> 

を、子がそうのようにその機能を呼び出します。

this.props.myFunc(); 

そして、子供がそのpropypeで宣言されたこの関数を必要とすることを忘れないでください：

MyChild.propTypes = { 
    myFunc: React.PropTypes.func, 
}; 

詳細については、8 no-Flux strategies for React component communication