Children

const mappedChildren = Children.map(children, child =>
  <div className="Row">
    {child}
  </div>
);

• Reference
  • Children.count(children)
  • Children.forEach(children, fn, thisArg?)
  • Children.map(children, fn, thisArg?)
  • Children.only(children)
  • Children.toArray(children)
• Usage
  • Transforming children
  • Running some code for each child
  • Counting children
  • Converting children to an array
• Alternatives
  • Exposing multiple components
  • Accepting an array of objects as a prop
  • Calling a render prop to customize rendering
• Troubleshooting
  • I pass a custom component, but the Children methods don’t show its render result

Reference

Children.count(children)

Call Children.count(children) to count the number of children in the children data structure.

import { Children } from 'react';

function RowList({ children }) {
  return (
    <