React

Управление типами кортежей

Предположим, у нас есть функция, которая возвращает кортеж, например, пользовательский хук:

function useBool(initialValue = false) {
  const [state, setState] = React.useState(initialValue)

  const handlers = React.useMemo(
    () => ({
      on: () => setState(true),
      off: () => setState(false),
      toggle: () => setState(s => !s),
      reset: () => setState(initialValue),
    }),
    [initialValue],
  )

  return [state, handlers]
}

const result = useBool()

https://kyleshevlin.com/wrangling-tuple-types/

✍️ @React_lib

www.tg-me.com/ye/telegram/com.React_lib/605

1.7K viewsOct 20, 2024 at 20:58

Управление типами кортежей

Предположим, у нас есть функция, которая возвращает кортеж, например, пользовательский хук:

function useBool(initialValue = false) {
  const [state, setState] = React.useState(initialValue)

  const handlers = React.useMemo(
    () => ({
      on: () => setState(true),
      off: () => setState(false),
      toggle: () => setState(s => !s),
      reset: () => setState(initialValue),
    }),
    [initialValue],
  )

  return [state, handlers]
}

const result = useBool()

BY React