Ошибка при попытке импорта: «useDispatch» не экспортируется из «React-Redux»

Я пытаюсь обновить свой магазин в редуксе с помощью метода useDispatch, но получаю такое сообщение:

Attempted import error: 'useDispatch' is not exported from 'react-redux'.

Я использую этот метод для вызова действия по обновлению моего магазина.

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

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

какую версию реакции-редукции вы используете?

Will Jenkins 10.06.2019 16:17

это реакция-редукс v 7.0.3

Maciej Kitowski 10.06.2019 16:21

импортировать {useDispatch} из 'redux-react-hook';

msahin 10.06.2019 16:28
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
19
3
20 609
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Ответ принят как подходящий

Изменить (15 сентября 2019 г.):
Установите [email protected] или react-redux@latest

Найдите последнюю версию здесь: https://www.npmjs.com/package/react-redux?activeTab=версии


Установить react-redux версию: 7.1.0-rc.1
или сделать npm install react-redux@next

Вам нужно использовать v7.1.0, текущий кандидат на выпуск v7.1.0-rc.1

См. эта страница

Note: The hook APIs listed in this page are currently a release candidate! We encourage you to try them out in your applications and give feedback. We hope that the APIs are stable at this point, but be aware that there may still be changes before final release.

These hooks were first added in v7.1.0.

Вам необходимо установить последнюю версию react-redux

Эта ошибка связана с версией react-redux Вы можете решить эту проблему, используя

npm install react-redux@latest

Для получения дополнительной информации посетите страницу github: Проверь это

Я просто забыл поставить фигурные скобки над {useDispatch}, и поэтому я столкнулся с этой ошибкой!

Другие вопросы по теме