/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

23 votes139 views6 answers
React native shadow
Javascript React
0 vote141 views1 answer
How to use empty href link in reactjs
Javascript React
0 vote141 views1 answer
React firebase add doc to collection
Javascript React
1 vote125 views1 answer
How to use react memo hooks
Javascript React
22 votes154 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote145 views1 answer
Heroku buildpacks with react
Javascript React
0 vote141 views1 answer
React native scrollview in modal
Javascript React
0 vote162 views1 answer
Style react native alert text
Javascript React
0 vote134 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
1 vote127 views1 answer
For loop value index react
Javascript React