错误：无法在回调中调用 React Hook “useLogout”。阿波罗答案

【问题标题】：Error: React Hook "useLogout" cannot be called inside a callback. Apollo错误：无法在回调中调用 React Hook “useLogout”。阿波罗
【发布时间】：2020-07-07 06:50:46
【问题描述】：

我不确定这个错误是什么以及如何解决它？

代码：

import React, { useContext, useEffect } from 'react'
import { Layout, Loading, LangContext } from '@frontend'
import { gql, useMutation } from '@apollo/client'

const LogoutMutation = gql`
  mutation LogoutMutation {
    logout
  }
`

const Logout = (): JSX.Element => {
  const [useLogout] = useMutation<{ logout: boolean }>(LogoutMutation)

  useEffect(() => {
    useLogout().then(({ data }) => {
      if (data?.logout === true) window.location.href = '/'
    })
  }, [useLogout])

  return null
}

export default Logout

错误：

16:5 错误 React Hook "useLogout" 不能在内部调用打回来。必须在 React 函数组件中调用 React Hooks 或一个自定义的 React Hook 函数 react-hooks/rules-of-hooks

【问题讨论】：

标签： reactjs apollo apollo-client

【解决方案1】：

React aslo 识别函数名以 'use' 开头作为自定义钩子，所以我需要更改 useLogout => doLogout

【讨论】：