Как настроить react-transition group?

Question

[Worddoc]

Настроил без проблем переход страниц, обернув роутер в react-transition-group. Но когда дело дошло то одного компонента (модальное окно), я полностью застрял. Нужно сделать так, чтобы компонент CustomModal мог анимироваться при маунтинге и анмаунтинге. Документация не помогает.

Песочница: https://codesandbox.io/s/wn0kkoq4w7

Answer 1

[0xD34F]

https://codesandbox.io/s/yqjkoj27z1

Comments

[Worddoc]

Большое спасибо. Не могли бы вы объяснить, зачем нужно тогглить in, если он отвечает за назначение класса с entry? Нельзя оставить его true? И нужно ли оборачивать в transitionGroup, если модалок будет несколько, а зависить они будут от значения id модалки, которую нужно открыть?

[0xD34F]

Worddoc,

Не могли бы вы объяснить, зачем нужно тогглить in, если он отвечает за назначение класса с entry? Нельзя оставить его true?

Сами подумайте - каким образом будет осуществляться смена классов, отвечающих за анимацию, если свойство, от которого эти классы зависят, имеет постоянное значение?

нужно ли оборачивать в transitionGroup, если модалок будет несколько

Нет.

[Worddoc]

0xD34F, Спасибо Подскажите, есть ли возможность заставить всё это работать, указав для компонента Modal в свойстве modalOpened переменное значение, а не константу?

[0xD34F]

Worddoc, ЗАЧЕМ?