animation - 警告：失败的 propType：transitionAppearTimeout 未提供给 ReactCSSTransitionGroup (React.js)

Question

我的代码工作正常，但我收到了这个烦人的错误。问题是什么？

警告：失败的 propType：transitionAppearTimeout 未提供给 ReactCSSTransitionGroup：这可能导致不可靠的动画，并且在未来版本的 React 中将不再支持。有关更多信息，请参阅fb.me/react-animation-transition-group-timeout。检查SocialIcons.

render: function() {

        return (

        <ReactCSSTransitionGroup transitionName="example" transitionAppear={true}>
                <div className="small_caps" key="small_caps">
                    <a href="mailto:******" key="email" id="email" target="_blank"><i className="fa fa-envelope fa-lg"></i></a>

                </div>
        </ReactCSSTransitionGroup>

        );

var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;

Answer 1

该错误表明，由于您已启用转换以显示在初始安装时使用

过渡出现={真}

您需要为超时 transitionAppearTimeout 提供一个值。这是通过组件规范强制执行的。

尝试使用此属性显式为动画提供超时值，如 fb 文档中所示。

<ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>