如何在自定义钩子中使用 useCallback

Question

这里没有什么问题。 我正在导出一个使用其他挂钩的自定义挂钩，但出现“未处理的拒绝（错误）：无效的挂钩调用...”错误。 看起来我没有做错什么......我在钩子中使用钩子，那么为什么会抛出这个错误？

const customHook = async () => {
const { values } = useValues()

const testCallback = useCallback(async () => {
    const value = values

    return value
}, [value])

 return testCallback 
}

export default customHook 

Answer 1

我认为只需更改组件名称的大小写即可解决此问题，尝试将其重命名为“CustomHook”。 有一个 react hooks 规则，你不能在 function 或名称为 Camel Case 的组件中调用 use hook。