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

IT技术 javascript reactjs react-hooks
2021-05-01 05:02:13

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
2个回答

重命名loginFormLoginForm(组件应以大写字母开头)。

我已经测试了你的代码,在正确命名组件后它工作正常。

在这里这里阅读

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