/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

5 votes334 views1 answer
React native text wrap
Javascript React
0 vote339 views1 answer
Button react native style
Javascript React
2 votes355 views1 answer
How to clean react native project
Javascript React
0 vote342 views1 answer
Limit data with axios in react js
Javascript React
1 vote369 views3 answers
Click outside React component
Javascript React
0 vote371 views1 answer
React navbar material ui
Javascript React
0 vote352 views1 answer
Why to escape from quotation mark in react
Javascript React
3 votes326 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
3 votes332 views1 answer
Css in a react file
Javascript React
4 votes313 views1 answer
On window resize react
Javascript React