April 2018
Intermediate to advanced
298 pages
6h 34m
English
You can tell Flow that a component should only work with specific types of child components. Let's say that you have a Child component, and this is the only type of component that should be allowed as a child of the component you're working on. Here's how you can tell Flow about this constraint:
// @flow
import * as React from 'react';
import Child from './Child';
type Props = {
children: React.ChildrenArray<React.Element<Child>>,
};
const Parent = ({ children }: Props) => (
<section>
<h2>Parent</h2>
{children}
</section>
);
export default Parent;
Let's start with the first import statement:
import * as React from 'react';
The reason that you want to import the asterisk as React is because this will ...