Как найти имя родительского компонента в ReactJS v16.11 - PullRequest
Новая
       56

Как найти имя родительского компонента в ReactJS v16.11

0 голосов
/ 06 августа 2020

У меня есть один компонент реакции, который вложен в многоуровневые компоненты, и каждый из этих компонентов получает реквизиты от своих родительских компонентов. Поскольку это было многоуровневое вложение, я потерял родительский компонент.

Итак, есть ли какие-либо способы узнать, из какого родительского компонента мы получаем реквизиты для его дочернего компонента?

I попробовал с приведенным ниже кодом. Но это не работает. 

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
...