Usage of react render props

how-many-siblings.js

// This is a stupid example of using render props when I was
// reading the doc of React.children
const React = require('react');
class CountSiblings extends React.Component {
  render() {
    const {children} = this.props;
    return children(
      React.Children.count(children),
    );
  }
}


// usage
<CountSiblings>
  {count => (
    <>
      <Child1 count={count} />
      <Child2 count={count} />
      <Child3 count={count} />
    </>
  )}
</CountSiblings>