Ошибка при попытке импорта: «react-transition-group» не содержит экспорт по умолчанию (импортирован как «ReactCSSTransitionGroup»)

#reactjs

Вопрос:

Я не могу понять, как настроить группу реагирования. Вот шаги, которые я предпринял:

  1. npm устанавливает группу реагирования-перехода
  2. импортируйте группу ReactCSSTransitionGroup из «группы реактивных переходов»; (добавлено в начало моего файла JS.)

И я получаю: «Ошибка при попытке импорта: ‘react-transition-group’ не содержит экспорт по умолчанию (импортирован как ‘ReactCSSTransitionGroup’)».

Официальная документация (https://reactjs.org/docs/animation.html#low-level-api-reacttransitiongroup) не указывает, как полностью настроить это, поэтому я немного заблудился здесь.

введите описание изображения здесь

Вот подробности в документации, которой я пытаюсь следовать.

введите описание изображения здесь
введите описание изображения здесь

Ответ №1:

просто измените параметр импорта на

import { CSSTransition } from 'react-transition-group';

или

import { CSSTransitionGroup } from 'react-transition-group'

Комментарии:

1. Я попробовал эти импортные файлы, но в документации используются теги <ReactCSSTransitionGroup> в примерах компонентов, поэтому в итоге появляется ошибка «не определено».

2. Я добавил несколько дополнительных скриншотов, чтобы предоставить больше контекста для того, что я пытаюсь.

3. ReactTransitionGroup и ReactCSSTransitionGroup были перенесены в пакет react-transition-group, поддерживаемый сообществом. Его ветвь 1.x полностью совместима с API с существующими дополнениями. Пожалуйста, регистрируйте ошибки и запросы на функции в новом репозитории. Ссылка