警告：失敗的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

錯誤說，既然你已經啓用過渡到出現在初始掛載使用

transitionAppear = {真}

您需要提供的超時值transitionAppearTimeout。這是通過組件規範強制執行的。

嘗試使用此屬性顯式地爲fb文檔中的動畫超時提供值。

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