reactjs - typescript 错误 : Property 'children' does not exist on type 'ReactNode'

Question

export const PageViewTracker = ({ children }: ReactNode): ReactElement => {

    usePageView();

    return children;
};

问题:

此函数返回错误»“ReactNode”类型上不存在属性“子项”«

我的解决方法:

我尝试了几种类型，但只尝试了不是我想要的任何作品。通常我将 ReactNode 用于 child Prop 并且效果很好。在这种情况下，TypeScript 似乎有问题。

Answer 1

重要提示:在 react 18.0.0 之后，它们会让您在每个 FC 界面中包含子项。

interface MyButtonProps {
  color: string;
  children?: React.ReactNode;
}

然后你可以像旧版本一样传递 Prop 。

const Button:React.FC<MyButtonProps> = (props) => {
    //use children with {props.children} just like before  
}

来自 docs