const withLoadingComponent = com = ;ReactSuspense fallback=divloadingdivcomReactSuspense 在react中请问com的属性是那种是component还是element如何使用
在React中,com的属性可以是一个React组件(Component)或者一个React元素(Element)。
如果com是一个React组件(Component),直接使用即可:
const MyComponent = () => {
// ...
};
const WrappedComponent = withLoadingComponent(MyComponent);
如果com是一个React元素(Element),需要使用React.createElement方法来创建组件,然后再使用:
const MyElement = <div>Hello World</div>;
const MyComponent = () => {
return MyElement;
};
const WrappedComponent = withLoadingComponent(React.createElement(MyComponent));
在使用withLoadingComponent函数包装组件后,可以按照以下方式渲染:
const App = () => {
return (
<div>
<h1>My App</h1>
<WrappedComponent />
</div>
);
};
这样在加载WrappedComponent时,如果需要等待数据加载,会显示"loading..."文本
原文地址: https://www.cveoy.top/t/topic/izbB 著作权归作者所有。请勿转载和采集!