/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

1 vote82 views1 answer
Add class to react children
Javascript React
1 vote129 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
-2 votes139 views2 answers
React native margin
Javascript React
0 vote141 views1 answer
Standalone form inside reactive form
Javascript React
0 vote141 views1 answer
Toggle class onscroll hook react
Javascript React
32 votes87 views4 answers
React update state array of objects
Javascript React
0 vote180 views7 answers
Convert css box shadow to react native
Javascript React
0 vote131 views1 answer
How to imporrt Browserrouter in react
Javascript React
0 vote143 views1 answer
Remove unused dependencies React
Javascript React
0 vote132 views1 answer
Write !important in react
Javascript React