React组件中的流式系统

时间:2018-11-02 18:17:23

标签: javascript reactjs typescript types flowtype

我开始在我的React应用程序中使用Flow,并且对类型系统有疑问。

我有这样的无状态组件

export type LinkProps = {
 to: string,
 icon: React$Element<any>,
 style: Object
}

const Link = ({
  to,
  icon,
  style
}: LinkProps) => (
   <sample>

   </sample>
) 

以及另一个覆盖某些道具的组件

const NavLink = (props: LinkProps) => <Link icon={<Icon />} {...props} />

因此,如果我直接使用Link组件,则我具有Flow类型的系统,但NavLink组件却不是这种情况。

为什么我可以在不遵守类型系统的情况下使用NavLink组件?

1 个答案:

答案 0 :(得分:0)

听起来您可能需要在使用// @flow组件的文件顶部添加NavLink