怎么在代码中判断一个 React 组件是 class component 还是 function component?
参考答案:
可以使用JavaScript的typeof运算符和React的Component类来进行判断。
下面是一个示例的判断方法:
javascript
function isClassComponent(component) {
return (
typeof component === 'function' &&
!!component.prototype.isReactComponent
);
}
// 示例用法
const MyComponent = () => <div>Hello, I'm a function component!</div>;
const MyClassComponent = class extends React.Component {
render() {
return <div>Hello, I'm a class component!</div>;
}
};
console.log(isClassComponent(MyComponent)); // false
console.log(isClassComponent(MyClassComponent)); // true上面定义了一个名为isClassComponent的函数,它接受一个组件作为参数。函数内部使用typeof运算符来判断该组件是否为函数类型,并通过检查component.prototype.isReactComponent属性来确定是否为Class组件。