Skip to Content
React 16 Tooling
book

React 16 Tooling

by Adam Boduch, Christopher Pitt
April 2018
Intermediate to advanced content levelIntermediate to advanced
298 pages
6h 34m
English
Packt Publishing
Content preview from React 16 Tooling

Parents with one child

For some components, it makes no sense to have more than one child. For these cases, you would use the React.Element type instead of the React.ChildrenArray type:

// @flow
import * as React from 'react';
import Child from './Child';

type Props = {
  children: React.Element<Child>,
};
 
const ParentWithOneChild = ({ children }: Props) => (
  <section>
    <h2>Parent With One Child</h2>
    {children}
  </section>
); 
export default ParentWithOneChild; 

As with the example before this one, you can still specify the type of child component that is allowed. In this case, the child component is called Child, imported from './Child'. Here's how you would pass this component a child component:

<ParentWithOneChild> <Child /> </ParentWithOneChild> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Pro React 16

Pro React 16

Adam Freeman

Publisher Resources

ISBN: 9781788835015Supplemental Content