PropTypes: Requiring Single Child

import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  render() {
    // This must be exactly one element or it will warn.
    const children = this.props.children;
    return (
      <div>
        {children}
      </div>
    );
  }
}

MyComponent.propTypes = {
  children: PropTypes.element.isRequired
};

With PropTypes.element you can specify that only a single child can be passed to a component as children.

Related concepts

Requiring Single Child

PropTypes: Requiring Single Child — Structure map

Clickable & Draggable!

PropTypes: Requiring Single Child — Related pages: