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

错误说明，因为您已启用转换以使用

显示在初始安装上

transitionAppear = {TRUE}

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

尝试使用此属性为动画提供超时值，如fb文档中那样。

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

警告：propType失败：transitionAppearTimeout未提供给ReactCSSTransitionGroup（React.js）

1 个答案: