/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

4 votes440 views2 answers
Linking in react native
Javascript React
7 votes307 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote392 views2 answers
Sending props via navigate() of react router v6
Javascript React
3 votes474 views3 answers
Center horizontally react native
Javascript React
0 vote322 views1 answer
React native onChangeText resize the background image
Javascript React
0 vote349 views1 answer
React should write method in a functional component or outside functional component
Javascript React
17 votes366 views5 answers
React native icons
Javascript React
0 vote378 views1 answer
Tailwind intenseness react
Javascript React
1 vote368 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
9 votes371 views3 answers
Shadowoffset react native constructor
Javascript React