加载具有自定义属性的组件(没有setSource)

import React from 'react';

const CustomComponent = (props) => {
  // 在这里可以使用props中的自定义属性进行相应的逻辑处理
  // 例如，可以根据props中的属性值来渲染不同的内容

  return (
    <div>
      {/* 组件的内容 */}
    </div>
  );
};

export default CustomComponent;

import React, { lazy, Suspense } from 'react';

// 使用React.lazy动态加载组件
const CustomComponent = lazy(() => import('./CustomComponent'));

const App = () => {
  // 自定义属性
  const customProps = {
    // 自定义属性1
    prop1: 'value1',
    // 自定义属性2
    prop2: 'value2',
    // ...
  };

  return (
    <div>
      {/* 使用Suspense组件包裹动态加载的组件 */}
      <Suspense fallback={<div>Loading...</div>}>
        {/* 动态加载的组件 */}
        <CustomComponent {...customProps} />
      </Suspense>
    </div>
  );
};

export default App;