判断函数是否为react组件或lazy包裹的组件

function Modal(){
  return <p>123</p>
}
实参里填入函数名,是false
实参里填入标签形式的函数,是true
isValidElement(Modal)//false
isValidElement(<Modal></Modal>)//true

官方说明

isValidElement – React 中文文档

但是官方并不建议用isValidElement检测

判断是否被lazy包裹

如果使用react自带的Suspense和lazy,可用以下方法判断某个组件是否被layz包裹

function isLazyComponent(component) {
  return typeof component === 'object' && component !== null && component.$$typeof === Symbol.for('react.lazy');
}