reactjs - 使用 ReactCSSTransitionGroup 没有发生过渡
问题描述
我已将 React、React-DOM 和 React Addons 库添加到我的笔中。
这是我的笔：
https://codepen.io/graven_whismas/pen/QBQQmj
单击按钮时，应出现状态中的单词，从初始不透明度 0.4 到 1。
但是当我点击按钮时，页面上的所有内容都消失了。
这是我得到的错误：
https://reactjs.org/docs/error-decoder.html?invariant=254&args[]=.0
解决方案
笔中的代码有一些问题会导致您遇到的问题。
第一步是使用库的开发版本，以获得更好的错误消息。使用https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-with-addons.js而不是https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-with-addons.min.js.
其次，加载多个版本的 React 可能会导致您遇到的问题。从https://cdnjs.cloudflare.com/ajax/libs/react/16.4.1/umd/react.production.min.js您正在加载的外部脚本列表中删除。
第三，在指定动画的离开超时时有一个错字。你已经写transtionLeaveTimeout了，它应该在哪里transitionLeaveTimeout。使用这种类型，转换库将抱怨缺少属性。
此CodePen总结了您需要进行的更改。