React native不返回children道具

Question

我需要返回children道具，但屏幕上没有显示任何内容。返回两个错误-

'Header' cannot be used as a JSX component.
Its return type 'void' is not a valid JSX element.

第二个错误-

Type '{ iconLeft: string; label: string; }' is not assignable to type 'IntrinsicAttributes & HeaderItemProps'.
Property 'iconLeft' does not exist on type 'IntrinsicAttributes & HeaderItemProps'.

主要组件

type HeaderProps = {
children: React.ReactNode;
};
type HeaderItemProps = {
label: string;
iconLeft?: IconName<32>;
};
export function Header({ children }: HeaderProps) {
<View>{children}</View>;
}
export function HeaderItem({ label, iconLeft,}: HeaderItemProps) {
return (
<Pressable onPress={onPress} style={styles.container}>
{iconLeft && <Icon size={32} name={iconLeft} />}
<Text>{label}</Text>
</Pressable>
);
}

我有孩子的文件

export function Children()
return (
<View>
<Header iconLeft="icon2" label="item" /> 
</View>
);
}

也尝试过这样返回

<Header>
<HeaderItem iconLeft="icon2" label="item" />
</Header>

Answer 1

您的Header组件应该返回该jsx数据，但缺少返回语句。

export function Header({ children }: HeaderProps) {
return (<View>{children}</View>);
}