如何在一個功能組件中設置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"