我正在构建一些React组件,有时希望将正在呈现的组件类型记录到控制台,以displayName为单位,JSX在显示组件名称时使用.

从组件的上下文来看,如何访问displayName属性?

e、 g.如何让本例中的console.log语句显示组件的displayName?

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

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

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

控制台中的预期输出:

推荐答案

它作为公共财产this.constructor.displayName提供.

Reactjs相关问答推荐

如何使用React防止并发注册并处理Firestore数据库中的插槽可用性

在react中向数组状态添加值时出错

Redux向后端发送请求时出现钩子问题

后端关闭时如何在REACTION AXIOS拦截器中模拟数据?

如何在与AntD的react 中限制文件上传和显示消息?

在Reaction中导入';图片&文件夹时出错

React Todo List 应用程序我在实现删除功能时遇到问题

Symfony ux-react:使用react_component()时React组件不会渲染

如何在 React 中停止嵌套 Link 和 Button 组件的事件传播?

使用D3.js绘制和展示弦图的右下方象限

如何在不使用 Axios 的情况下将图像文件从 React.js 发送到 Spring Boot Rest API?

为什么我的 Next.js (React) 组件只有在页面中时才有效?

在复选框中react 检索选中的值

将 ref 转发到所有页面(路由组件)只是为了将其应用于
并具有跳过导航链接(按钮).有没有更好的办法?

刷新页面时状态改变问题

父状态改变后子组件丢失状态

模块解析失败:意外令牌 (257:106) 您可能需要适当的加载程序来处理此文件类型

如何跨微前端 React 应用管理状态管理?

React 检测哪些 props 在 useEffect 触发器上发生了变化

将 C# Razor 条件块转换为 React.js 代码