/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 vote396 views2 answers
React router dom link same page with different param
Javascript React
0 vote385 views1 answer
How to add a key in a react element
Javascript React
0 vote525 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote365 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote421 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote400 views1 answer
React native regenerate android and ios folders
Javascript React
0 vote370 views1 answer
Flatpicker not focusing in modal React
Javascript React
0 vote392 views1 answer
@types react-router-dom
Javascript React
0 vote366 views1 answer
Ityped react
Javascript React
1 vote372 views1 answer
React native flatlist horizontal scroll
Javascript React