/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

7 votes312 views2 answers
React router 6 redirect
Javascript React
2 votes332 views3 answers
New line in react js
Javascript React
13 votes304 views3 answers
Enable emmet vscode react
Javascript React
1 vote315 views1 answer
Unexpected token react native stack navigation
Javascript React
0 vote312 views1 answer
Why to escape from quotation mark in react
Javascript React
19 votes285 views6 answers
React native build android apk
Javascript React
-2 votes306 views1 answer
Starter react redux project
Javascript React
0 vote299 views1 answer
React native svg size
Javascript React
1 vote325 views1 answer
React waypoint loadmore not working
Javascript React
0 vote292 views1 answer
Event handling in react documentation
Javascript React