React.lazy 怎么拿到组件的属性？

Question

1. 有如下一个组件：

// MyComponent.js
import React from 'react';

const MyComponent = () => {
    return <div>Hello World</div>;
};

MyComponent.Sub = () => {
    return <div>Children Component</div>;
};

export default MyComponent;

1. 在使用的地方动态引入：

import React from 'react';

const DComponent = React.lazy(() => import('./MyComponent'));

const App = () => {
    return (
        <React.Suspense fallback="loading...">
            {/* 在这里，我怎么取到 MyComponent的 Sub 组件 */}
            <DComponent />
        </React.Suspense>
    );
};

如上，如何才能够拿到MyComponent.Sub组件？

Answer 1

有什么需要 传递值用 redux 或者 context 就行了