javascript - ReactJS - 如何使用 javascript 访问组件的显示名称？

Question

我正在构建一些 React 组件，有时想通过 displayName 将正在呈现的组件类型记录到控制台，JSX 在显示组件名称时使用它。

如何从组件的上下文中访问 displayName 属性？

例如如何让本例中的 console.log 语句显示组件的显示名称？

var Hello = React.createClass({
    displayName: 'HeyHey',

    render: function() {
        console.log(this.displayName);

        return <div>Hello {this.props.name}</div>;
    }
});

控制台中的预期输出:

HeyHey

Answer 1

它作为公共(public)属性 this.constructor.displayName 可用。