@restart/hooks
  • API
    • useAnimationFrame
    • useBreakpoint
    • useCallbackRef
    • useCommittedRef
    • useCustomEffect
    • useDebouncedCallback
    • useDebouncedState
    • useDebouncedValue
    • useEventCallback
    • useEventListener
    • useFocusManager
    • useForceUpdate
    • useGlobalListener
    • useImage
    • useImmediateUpdateEffect
    • useIntersectionObserver
    • useInterval
    • useMap
    • useMediaQuery
    • useMergeState
    • useMergeStateFromProps
    • useMergedRefs
    • useMountEffect
    • useMounted
    • useMutationObserver
    • usePrevious
    • useRafInterval
    • useRefWithInitialValueFactory
    • useResizeObserver
    • useSafeState
    • useSet
    • useStableMemo
    • useStateAsync
    • useThrottledEventHandler
    • useTimeout
    • useToggleState
    • useUpdateEffect
    • useUpdatedRef
    • useWillUnmount

    useSet

    #API

    import useSet from '@restart/hooks/useSet'
    • #
      useSet<V>(init?: Iterable<V>) => ObservableSet<V>

      Create and return a Set that triggers rerenders when it's updated.

      const ids = useSet<number>([1,2,3,4]);
      return (
      <>
      {Array.from(ids, id => (
      <div>
      id: {id}. <button onClick={() => ids.delete(id)}>X</button>
      </div>
      )}
      </>
      )

      Parameters

      • init?Iterable<V>

        initial Set values

      Return Value ObservableSet<V>