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 an optional child

Always requiring a child component isn't necessary and can actually cause headaches. For example, what if there is nothing to render because nothing was returned from the API? Here's an example of how to specify that a child is optional using Flow syntax:

// @flow
import * as React from 'react';
import Child from './Child';
 
type Props = {
  children?: React.Element<Child>,
};
 
const ParentWithOptionalChild = ({ children }: Props) => (
  <section>
    <h2>Parent With Optional Child</h2>
    {children}
  </section>
);
 
export default ParentWithOptionalChild;

This looks a lot like a React component that requires a specific type of element. The difference is with the question mark: children?. This means that either a child component ...

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