React寻找功能代码改进

Question

我使用redux。每次我必须使用代码的一部分时：

  const dispatch = useDispatch()

然后将功能称为：

dispatch(endpointError(true))

我想实现的目标是拥有一个地方，然后导出加上适当的函数。只需将其保存在一个地方：

const errorFunctions = () => {
  const dispatch = useDispatch()

  setEndpointError = () => dispatch(endpointError(true))
}

export const { setEndpointError } = errorFunctions

然后仅使用setendPoInterror（）我需要它即可。我认为它看起来很性感。 例如，当您需要将所有代码保持较短时，我认为是错误的，就像错误处理一样。

但是它不是合法的，我们不幸的是做到这一点。开发人员，您看到有我们可以编写并使其正常工作吗？

我的想法就像您有20个不同的屏幕一样，到处都是类似的错误处理，并且不编写每个位置const dispatch = usedispatch（）

寻找改进:)

Answer 1

您可以为此创建一个自定义钩子：

export const useErrors = () => {
  const dispatch = useDispatch()

  return {
    setEndpointError: () => dispatch(endpointError(true)),
    setOtherError: () => dispatch(otherError())
  }
}

比这样使用：

const { setEndpointError, setOtherError } = useErrors()
setEndpointError()