React - jak ustalić, czy element jest bezpaństwowy/funkcjonalny?

Question

mam funkcjonalny/bezpaństwowcem składnik i składnik, który odziedziczył po React.Component:

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

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

Jak mogę określić, czy składnik jest bezpaństwowcem, czy nie? Czy istnieje jakiś oficjalny sposób?

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

Answer 1

można sprawdzić to prototyp, na przykład:

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

Answer 2

Poprawione odpowiedź od Doron Brikman powyżej

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