react hooks+typescript封装AsyncComponent来实现懒加载

Question

最近尝试着用react hooks+typescript写项目，typescript用得不是很熟练，在封装AsyncComponent来实现懒加载时遇到如下问题：

代码如下：
```

import React, { useState, useEffect, useMemo } from "react";

export default function AsyncComponent(loadComponent: () => Promise<any>, placeholder = "拼命加载中...") {

const [Component, setComponent] = useState(null);

useEffect(() => {
    (async () => {
        const { default: asyncComponent } = await loadComponent();

        setComponent(asyncComponent);

        return () => setComponent(null);
    })();
},[]);

return Component ? <Component /> : placeholder;

};

Answer 1

你的asyncComponent不是一个react component。

Answer 2

asyncComponent没毛病呀，我参考的这个