如何在一个功能组件中设置displayName [React]

Question

我知道设置displayName有时是需要的，尤其是在处理生产版本时。我想知道如何使用我的功能组件设置它 - 它可能/允许吗？

这里就是我有我的类组成：

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

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

我如何做一个statless组件内同样的事情？

Answer 1

使用defaultProps

const MyComponent = props => { 
    return (
    <p>How you doin, {props.displayName}?</p> 
) 
} 

MyComponent.defaultProps = { 
    displayName: 'Heyhey' 
} 

Answer 2

想通了

const MyComponent = props => { 
 
    return (
 
    <p>How you doin?</p> 
 
) 
 
} 
 

 
MyComponent.displayName = "MyComponent"