0

私のコードは正常に動作しますが、この厄介なエラーが発生しています。どうした？

警告: 失敗した 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;
4

1 に答える 1

3

エラーは、トランジションを有効にして初期マウントに表示されるようにしたため、

transitionAppear={true}

タイムアウト transitionAppearTimeout の値を指定する必要があります。これは、コンポーネントの仕様によって強制されます。

fb ドキュメントのように、このプロパティを明示的に使用して、アニメーションのタイムアウトの値を指定してみてください。

<ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
于 2016-03-02T14:36:42.203 に答える