प्रतिक्रिया - यह निर्धारित करने के लिए कि घटक स्टेटलेस/कार्यात्मक है या नहीं?

Question

मैं कार्यात्मक/राज्यविहीन घटक और घटक है जो React.Component से विरासत में मिली है:

const Component1 =() => (<span>Hello</span>) 

class Component2 extends React.Component { 
    render() { 
    return (<span>Hello</span>) 
    } 
} 

मैं कैसे निर्धारित कर सकते हैं घटक राज्यविहीन है या नहीं? क्या कोई आधिकारिक तरीका है?

isStateless(Component1) // true 
isStateless(Component2) // false 

Answer 1

आप जाँच कर सकते हैं यह प्रोटोटाइप है, उदाहरण के लिए: दोरोन Brikman से

function isStateless(Component) { 
    return !Component.prototype.render; 
} 

Answer 2

सही जवाब ऊपर

function is_stateless(Component) 
{ 
    return typeof Component !== 'string' && !Component.prototype.render 
}