Flow type system in React components

Question

i start to use Flow in my React application and i have question about the type system.

I have a stateless component like this

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

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

   </sample>
) 

And another component where override some props

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

So, if i use the Link component directly i have the Flow type system but is not the case with the NavLink component.

Why i can use the NavLink component without respect the type system?

Answer 1

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