/Javascript/React/Custom hook for unique items in react

Custom hook for unique items in react

// useUnique.js
export function useUnique(initial) {
  const [items, setItems] = useState(initial);
  const add = newItem => {
    const uniqueItems = [...new Set([...items, newItem])];
    setItems(uniqueItems);
  };
  return [items, add];
};

Source: dmitripavlutin.com

Similar codes

73 votes307 views7 answers
React icons
Javascript React
1 vote296 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote294 views1 answer
React native fade in fade out animation
Javascript React
0 vote323 views1 answer
React download file from express res.download
Javascript React
0 vote302 views1 answer
Export app react native
Javascript React
0 vote347 views1 answer
React router link electron not working
Javascript React
5 votes331 views3 answers
Fetch in react
Javascript React
-2 votes326 views1 answer
How to hide keyboard in react native
Javascript React
0 vote345 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote302 views1 answer
React-native eject not working
Javascript React