April 2018
Intermediate to advanced
298 pages
6h 34m
English
It's common to render React components that take primitive values as children. In some cases, you might want to accept a string or a Boolean type. Here's how you would do this:
// @flow
import * as React from 'react';
type Props = {
children?: React.ChildrenArray<string|boolean>,
};
const ParentWithStringOrNumberChild = ({ children }: Props) => (
<section>
<h2>Parent With String or Number Child</h2>
{children}
</section>
);
export default ParentWithStringOrNumberChild;
Once again, you can use the React.ChildrenArray type to specify that multiple child elements are allowed. To specify a specific child type, you pass it to React.ChildrenArray as a type argument—in this case a string and Boolean union. Now ...