react-children-addons
React children utilities and addons
npm install react-children-addons -S # or yarn add react-children-addons -S
API Methods
toFlatArray
Takes children and flattens all React.Fragments into a single array
import toFlatArray from 'react-children-addons'; { console;} <List> <li>Item</li> <> <li>Another Item</li> </></List>
<li>Item</li> <li>Another Item</li>
mapFlat
Same as toFlatArray
but with a map function
import React from 'react';import mapFlat from 'react-children-addons'; { return <ul> </ul> ;} <List> <li>Item</li> <> <li>Another Item</li> </> <React.Fragment> <> <li>Nested Item</li> </> </React.Fragment></List>
Item Another Item Nested Item
Todo
Add tests, changelog and more ideas for addons.