Javascript 材质UI:TextField:react插件css转换组使用多行TextFields中断

如果带有多行的

TextField

被包装在

react addons css转换组中

则会中断显示转换。有没有办法妥善处理这件事

这是我的密码：

如果删除了

多行

标记，则转换工作

编辑：我已将代码调整为分数的答案，但仍然不起作用：

---

EDIT2：第二个演示的工作示例：

看看下面的示例，我之所以使用这个示例，是因为

react addons css转换组的文档说：

此包中的代码已移动。我们建议您改用
cstransitinggroup
from
react transition group

您可以对一个项目使用而不是
reactCSTranslationGroup
，或将与组合用于
CSTranslation
组件列表：

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

...

<CSSTransition
  in={this.state.show}
  timeout={400}
  classNames="Test"
  unmountOnExit
>
  {this.renderTextField()}
</CSSTransition>

工作示例：

哦，老兄，我应该读笔记，而不是本页的其余部分，谢谢！那太疯狂了。我已经调整了我的开发代码，但仍然不起作用：（我已经创建了一个新的代码沙盒：我提供的代码没有问题。第二个演示的工作示例：我现在得到了：在哪个位置提供转换非常重要。
.TestWrapper {
  position: relative;
  left: 0px;
}

.Test-enter {
  left: 100px;
  opacity: 0;
}

.Test-enter-active {
  opacity: 1;
  left: 0px;
  transition: left 400ms, opacity 400ms;
}

.Test-exit {
  opacity: 1;
  left: 0px;
}

.Test-exit-active {
  opacity: 0;
  left: 100px;
  transition: left 400ms, opacity 400ms;
}