React Tranisition group Анимация перехода не работает при выходе

Question

Анимация перехода работает при входе в зависимости от высоты, но при выходе из анимации не работает. Начальная высота равна '0px', и при ввод изменяет высоту на высоту обертки, затем при ввод состояние устанавливается на 'auto'. Анимация перехода работает здесь.

Перед выходом снова высота устанавливается на высоту оболочки, затем на выход высота изменяется на '0px'. Анимация перехода не работает здесь.

Но это работает, когда точка останова установлена ​​на onExit метод.

https://codesandbox.io/s/hopeful-grass-gp6v9?file= / src / App. js

Answer 1

Просто измените высоту выходного стиля перехода на авто, переход теперь работает должным образом.

const transitionStyle = {
    entered: { height: "auto", overflow: "visible" },
    exiting: { height: "auto" }  /*change this */
  };