【问题标题】:Attempted import error: 'useDispatch' is not exported from 'react-redux'尝试导入错误:“useDispatch”未从“react-redux”导出
【发布时间】:2019-10-24 22:56:14
【问题描述】:

我正在尝试通过 useDispatch 方法在 redux 中更新我的商店,但我收到这样的消息:

尝试导入错误:“useDispatch”未从“react-redux”导出。

我正在使用此方法调用操作来更新我的商店。

import { useDispatch } from 'react-redux';
import { loggedInAction } from './redux';

const userInfo = () => {
const dispatch = useDispatch();
const loggedIn = user => dispatch(loggedInAction(user));

【问题讨论】:

  • 你使用的是哪个版本的 react-redux?
  • 它是 react-redux v 7.0.3
  • 从'redux-react-hook'导入{useDispatch};

标签: javascript reactjs react-redux


【解决方案1】:

编辑(2019 年 9 月 15 日):
安装react-redux@7.1.1react-redux@latest

在此处查找最新版本:https://www.npmjs.com/package/react-redux?activeTab=versions


安装react-redux 版本:7.1.0-rc.1
或者npm install react-redux@next

【讨论】:

    【解决方案2】:

    您需要使用v7.1.0,当前候选版本是v7.1.0-rc.1

    this page

    注意:本页列出的钩子 API 目前是候选版本!我们鼓励您在应用程序中试用它们并提供反馈。我们希望 API 在这一点上是稳定的,但请注意,在最终发布之前可能仍有更改。

    这些钩子最初是在 v7.1.0 中添加的。

    【讨论】:

      【解决方案3】:

      需要安装最新版本的 react-redux

      【讨论】:

        【解决方案4】:

        这个错误是由于react-redux的版本造成的 您可以通过使用来解决此问题

        npm install react-redux@latest
        

        更多信息请查看 github 页面: check this

        【讨论】:

          【解决方案5】:

          我只是忘记在 {useDispatch} 上加上花括号,这就是我遇到此错误的原因!

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2019-06-06
            • 2021-10-20
            • 2019-12-19
            • 2023-03-11
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多