コンポーネントが他のコンポーネントの子または祖先であるかどうかを調べるReactJS

Question

未知数の子と祖先を持つReactJSコンポーネントを作成しています。親コンポーネントがそれを知るべき先祖の1つ。私の最初のアプローチはreduxを使用してreduxアクションで子コンポーネントを送信し、次にメインの親コンポーネントに警告を送信し、送信されたComponetntがその祖先の1つであるかどうかをチェックします。 しかし、親のreactJSコンポーネントは、他のコンポーネントがその祖先の1つであるかどうかをある程度知ることができますか？親がコンテキストで関数を定義することができます

Answer 1

、子供たちは、この関数を呼び出すことができます。

親：

childContextTypes: { 
    notifyChange: React.PropTypes.func.isRequired 
}, 

getChildContext() { 
    return { 
     notifyChange: (...args) => this.handleChange(...args) 
    } 
}, 

handleChange (arg) { 
    console.log(arg + ' bar!') 
}, 

子供：私はこれが行わ見ることができます

contextTypes: { 
    notifyChange: React.PropTypes.func 
}, 

handleSomething() { 
    const { notifyChange } = this.context 

    // safety check if component is used elsewhere 
    if (notifyChange) notifyChange('foo!') 
},