Feature request: [state,,updateState] = useState(...)

Igor Pavlenko — Sun, 26 Apr 2020 18:27:35 +0000

Simple update state pattern:

const [state, setState] = useState({
  isBusy = false,
  error = null,
  data = null
})

const updateState = (newState) => setState(
  (prevState) => ({
    ...prevState,
    ...newState,
  })
)

How about making updateState a default third value in useState response?

E.g.:

const [state,, updateState] = useState({
  isBusy = false,
  error = null,
  data = null
})

const init = () => {
  if (!state.isBusy) {
    updateState({ isBusy: true, error: null })
    setImmediate(
      async () => {
        try {
          const data = await fetch(...)
          updateState({ isBusy: false, data })
        } catch (e) {
          updateState({ isBusy: false, error: e })
        }
      }
    )
  }
}

DEV Community: Igor Pavlenko

Feature request: [state,,updateState] = useState(...)