react-generate-unique-key-for-map
v1.0.3
Published
Create unique keys for map elements that don't have unique property
Downloads
25
Readme
React generate unique key for map
Small helper library to generate unique keys for map in react when you don't have unique property.
Benefits
The unique key stays persistent every re-render and won't cause rerenders of the component. So its a better alternative then passing just a unique generator function that will change the key every re-render or passing the index of the item.
example
Usage/Examples
import Component from "my-project";
import { useGetUniqueKey } from "react-generate-unique-key-for-map";
const arrOfRandomObjects = [
{ age: 11, name: "Joni" },
{ age: 11, height: 1.8 },
{ age: 12, weight: 84 },
];
function App() {
// works with any type of data - arrays, objects, strings, numbers...
const getUniqueKey = useGetUniqueKey();
return (
<>
{arrOfRandomObjects.map((obj) => (
<Component age={obj.age} key={getUniqueKey(obj)} />
))}
</>
);
}