检查一个组件是否是另一个组件的子组件或祖先ReactJS

Question

我正在创建一个ReactJS组件，其中包含未知数量的子代和祖先，并且当某个事件发生在其中一个祖先时，父组件应该知道它。我的第一个方法是使用redux并发送一个redux动作的子组件，然后主要父组件将会收到警报，并检查发送的组件是否是其祖先之一。 但是，如果另一个组件是其祖先之一，那么父类是否可以反应JS组件？

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!') 
},