我在使用 React Hook 时遇到了问题 - useDispatch()答案

【问题标题】：I got the problem in using React Hook - useDispatch()我在使用 React Hook 时遇到了问题 - useDispatch()
【发布时间】：2020-07-08 03:57:38
【问题描述】：

React Hook "useDispatch" 在函数 "loginForm" 中被调用，该函数既不是 React 函数组件也不是自定义 React Hook 函数 react-hooks/rules-of-hooks

我收到了这样的消息。附上代码...

import React from 'react'
import { useDispatch} from 'react-redux'

const loginForm = () => {
  const dispatch = useDispatch()
  
  return (
    <div>lgoinForm</div>
  )
}

export default loginForm

【问题讨论】：

标签： javascript reactjs react-hooks

【解决方案1】：

将loginForm 重命名为LoginForm（组件应以大写字母开头）。

我已经测试了您的代码，正确命名组件后它可以正常工作。

阅读here和here

【讨论】：

【解决方案2】：

您可以将 loginForm 设置为 useLoginForm 它应该是一个以 use 关键字开头的自定义钩子名称。

【讨论】：