对子代使用类型“ React.ReactNode”时出现错误我应该使用哪种类型？

问题描述

使用函数LoaderIndicator()时会得到错误消息，该函数会呈现子级，而在loading = false时，请参见下面的代码。当我使用React.ReactNode而不是类型any时出现错误，但是通常我将React.ReactNode用作儿童类型。这是我得到的错误：

'LoaderIndicator' cannot be used as a JSX component. Its return type '{}' is not a valid JSX element. Type '{}' is missing the following properties from type 'Element': type,props,key. ts(2786)

我不知道如何解决此错误，我已经尝试了几乎所有方法，有人可以提供帮助吗？ ：）

export type LoaderIndicatorProps = {
  loading: boolean;
  children?: React.ReactNode; 
};
export function LoaderIndicator(props: LoaderIndicatorProps) {
  const { loading,children } = props;

  if (loading) {
    return (
      <div>
        <Container>
          <Icon />
          <h3 style={{ color: "#ffffff" }}>Wait for a moment...</h3>
        </Container>
      </div>
    );
  } else {
    return children;
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）