reactjs - React 访问父组件名称

Question

我想获取子组件内的父组件名称，以便在验证该子组件的属性时显示错误消息。我正在创建一个可重用的组件，因此任何人都可以在他们的组件中使用我的组件。当他们使用我的组件时，我想显示带有父组件名称的警告消息。

是否有特定的方法可以在react.json中获取父名称。任何形式的帮助将不胜感激。

Answer 1

children 可以通过以下方式查看他们的创作背景:

this._reactInternalInstance._currentElement._owner._instance.__proto__.constructor.name

例如:

import React, { Component } from 'react';

class Warning extends Component {
    render() {
        return (
            <div>{
                "WARNING: " + this._reactInternalInstance._currentElement._owner._instance.__proto__.constructor.name + " has an error."
            }</div>
        );
    }
}

export default Warning;

别以为这是亲子交流。这就像站在一个房间里，从你所在的地方看到周围的墙壁。这不是容器(父级)与您(子级)通信，而是子级具有上下文感知能力。

如果您必须使用它，请注意它是 React 内部实例的一部分，并且可能会发生变化(请相信截至目前它已经足够稳定)。