React-redux useDispatch() 未捕获的类型错误

IT技术 reactjs redux react-redux react-hooks
2021-05-11 11:07:59

我正在尝试创建一个简单的组件来使用 React Redux 钩子调度一个动作useDispatch- 我收到了一个错误。我已将组件修剪到发生错误的位置。它发生在调用 useDispatch 函数时。

import { useDispatch } from 'react-redux'

const MyComp = () => {
  useDispatch()
  return null
}

export default MyComp

这是我在开发控制台中看到的错误：

Uncaught TypeError: Object(...) is not a function
    at MyComp (MyComp.js?cc4c:4)
    at renderWithHooks (react-dom.development.js?d018:12938)
    at mountIndeterminateComponent (react-dom.development.js?d018:15020)
    at beginWork (react-dom.development.js?d018:15625)
    at performUnitOfWork (react-dom.development.js?d018:19312)
    at workLoop (react-dom.development.js?d018:19352)
    at HTMLUnknownElement.callCallback (react-dom.development.js?d018:149)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?d018:199)
    at invokeGuardedCallback (react-dom.development.js?d018:256)
    at replayUnitOfWork (react-dom.development.js?d018:18578)

我已经进一步精简了这个，所以react树中没有父母。 

const store = configureStore()

ReactDOM.render(
  <Provider store={store}>
    <MyComp />
  </Provider>,
  document.getElementById('root')
)

module版本

    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-redux": "^7.1.0",
4个回答

就我而言，我正在做：

import { useDispatch } from 'react'

代替：

import { useDispatch } from 'react-redux'

🤦‍♂️

我让它工作了 - 我认为只需停止、构建、重新启动应用程序。我没想到useDispatch需要这个，所以我无法解释为什么会有帮助。

注意 - 我确实尝试过useSelector并且确实有效，我可以在从 react-redux 导入后将 useSelector 变量输出到控制台（useDispatch 的控制台.log 未定义）。那时我可以判断出我使用的是正确版本的 React，这可能是我的系统的问题。

所以，如果你有类似的问题。尝试完全react应用程序重新启动。确认您正在加载正确版本的 react。

我正在使用@reduxjs/toolkit，假设react-redux已经安装。

我有一个类似的问题，解决方法是更新“react-redux”。最初的 package.json 是这样的：

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-redux": "^6.0.1",

安装后问题消失 react-redux@7.2.0

其它你可能感兴趣的问题
上一篇Enzyme 为浅渲染的 React 组件上的 prop 返回 null 下一篇React/Redux，如何获取用户输入