尽管代码相同，但React Transition Group的过渡与in过渡不同

Question

我正在使用React Transition Group v2进行元素进出DOM的转换。它与通过按钮切换的有状态值相关。

下面是带有示例的代码：https://codesandbox.io/s/l7n959lk39

如您所见，元素输入的代码与元素退出的代码相同（App.css）。具体来说，过渡元素在页面上移动。

为什么会发生这种情况，我该如何解决？