使用ReactCSSTransitionGroup

时间:2018-07-31 16:55:50

标签: 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

1 个答案:

答案 0 :(得分: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可能会导致您拥有gcc4.1.2 on the Godbolt compiler explorer。从要加载的外部脚本列表中删除https://cdnjs.cloudflare.com/ajax/libs/react/16.4.1/umd/react.production.min.js

第三,当您指定动画的离开超时时,会有一个错字。您已经写了transtionLeaveTimeout,应该是transitionLeaveTimeout。对于这种类型,过渡库将抱怨缺少属性。

issue总结了您需要进行的更改。