/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

0 vote295 views2 answers
How to pass data in router link react-typescript
Javascript React
1 vote349 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote311 views1 answer
React native text area align top
Javascript React
0 vote283 views1 answer
Load all icon from a folder in react
Javascript React
0 vote284 views1 answer
React chat sheet
Javascript React
1 vote348 views1 answer
How to resize react icons
Javascript React
1 vote300 views1 answer
Reactjs get checkbox value
Javascript React
0 vote286 views1 answer
Textinput multiline start from top react native
Javascript React
35 votes302 views6 answers
Create react app with tailwind
Javascript React
4 votes330 views2 answers
How to find out which version of React
Javascript React