A React component that renders each element of collection using a function as child component.
npm install --save react react-foreach
You can use lodash's uniqueId() to return unique keys for array children.
<ForEach items={[1, 2, 3, 4, 5]}>
{(value, index, array) => (
<React.Fragment key={_uniqueId()}>
<ListItem>{value}</ListItem>
</React.Fragment>
)}
</ForEach>
Name | Type | Default | Description |
---|---|---|---|
items | array | A list of items to render. |
MIT