Question

我有一个react组件，该组件嵌套在一个多层组件中，并且每个组件都从其父组件中获取道具。由于是多层嵌套，因此我无法跟踪父组件。

那么，有什么方法可以找到，我们是从哪个父组件获取道具的？

我尝试了以下代码。但这不起作用。

this._reactInternalInstance._currentElement._owner._instance

场景：第一个组件：

import React, { Component } from 'react'
import SecondLevelComponent from './SecondLevelComponent'

export class FirstLevelComponent extends Component {
    constructor(props){
        super(props)
    }
    render() {
        return (
            <div>
                <SecondLevelComponent data="From Main Parent Component" />
            </div>
        )
    }
}

export default FirstLevelComponent

第二部分：

import React, { Component } from 'react'
import ChildComponent from './ChildComponent'

export class SecondLevelComponent extends Component {
    constructor(props){
        super(props)
    }
    render() {
        return (
            <div>
                <ChildComponent data2={this.props.data}/>
            </div>
        )
    }
}

export default SecondLevelComponent

子组件：


export class ChildComponent extends Component {
    constructor(props){
        super(props)
    }
    render() {
        return (
            <div>
                <h1>FROM PARENT TO CHILD {this.props.data2}</h1>
            </div>
        )
    }
}

export default ChildComponent

如何在ReactJS v16.11中找到父组件名称

0 个答案: