/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

-2 votes373 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
1 vote341 views2 answers
Await fetch in react
Javascript React
1 vote335 views1 answer
Npm package for sorting in reactjs
Javascript React
8 votes361 views2 answers
React set title of page
Javascript React
0 vote374 views1 answer
React js how to do array range
Javascript React
0 vote344 views2 answers
Get data from url using react
Javascript React
-1 vote364 views1 answer
Animation react native npm
Javascript React
0 vote376 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
1 vote352 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote392 views1 answer
How to run electron and react using concurrently
Javascript React