ReactJS-如何使用JavaScript访问组件的displayName?

布莱德公园

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

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

例如,如何使console.log本示例中语句显示组件的displayName?

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

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

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

控制台中的预期输出:

嘿嘿

雅各布·拉斯克

它可以作为公共财产使用this.constructor.displayName

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ReactJS:如何访问子组件的引用?

来自分类Dev

如何从reactjs组件访问“ key”属性

来自分类Dev

ReactJS:如何访问子组件的引用?

来自分类Dev

如何使用 Vanilla JavaScript 或 JQuery 实现受控组件(在 ReactJS 中)

来自分类Dev

如何在 ReactJs 组件中使用外部 JavaScript 函数?

来自分类Dev

如何从ReactJs的父组件访问子组件的输入值?

来自分类Dev

ReactJS:如何访问父组件中的所有子组件?

来自分类Dev

使用React组件REACTjs

来自分类Dev

ReactJS:访问组件“父级”内部的组件

来自分类Dev

如何使用ReactJS访问嵌套的JSON?

来自分类Dev

如何显示/隐藏ReactJS组件

来自分类Dev

如何显示/隐藏ReactJS组件

来自分类Dev

使用ReactJS上传文件组件

来自分类Dev

如何在ReactJS无状态组件中使用纯JavaScript填充输入值?

来自分类Dev

如何使用路由器从一个组件到另一个ReactJS访问传递的数据

来自分类Dev

ReactJS模态组件

来自分类Dev

ReactJS组件功能

来自分类Dev

ReactJs。获取孩子组件

来自分类Dev

在reactjs组件中定义'this'

来自分类Dev

ReactJS模板组件

来自分类Dev

组件上的ReactJS findDOMNode

来自分类Dev

双击并单击ReactJS组件

来自分类Dev

重建ReactJs组件

来自分类Dev

ReactJS Flux Utils组件

来自分类Dev

ReactJS路线组件/渲染

来自分类Dev

reactjs组件内部的功能

来自分类Dev

ReactJS组件不显示

来自分类Dev

重构组件ReactJS

来自分类Dev

ReactJS组件不显示