React 中 withLoadingComponent 函数参数类型解析：组件 (Component) 或 元素 (Element)

const withLoadingComponent = (com) => {\n ;<React.Suspense fallback={

}>{com}</React.Suspense>\n }在React中请问com的属性是那种是component还是element内容：在React中，com的属性既可以是component也可以是element。\n\n如果com是component，则可以直接将它作为React.Suspense的子组件，例如：\n\njsx\nconst withLoadingComponent = (com) => {\n return (\n <React.Suspense fallback={<div>loading...</div>}>\n {com}\n </React.Suspense>\n );\n}\n\n\n如果com是element，则可以将它作为React.Suspense的子组件的children属性，例如：\n\njsx\nconst withLoadingComponent = (com) => {\n return (\n <React.Suspense fallback={<div>loading...</div>}>\n {com.props.children}\n </React.Suspense>\n );\n}\n\n\n需要注意的是，无论com是component还是element，在使用时都需要确保它是一个有效的React组件或元素。