react-foreach
v0.1.1
Published
A React component that renders each element of collection using a function as child component.
Downloads
1,187
Readme
react-foreach
A React component that renders each element of collection using a function as child component.
Installation
npm install --save react react-foreach
Usage
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>
API
Properties
Name | Type | Default | Description :--- | :--- | :------ | :---------- items | array | | A list of items to render.
License
MIT