爲什麼CSSTransitionGroup在React Router Link元素上拋出渲染錯誤？

爲什麼我會得到這個錯誤，而試圖建立一個react-routerLink分量CSSTransitionGroup：爲什麼CSSTransitionGroup在React Router Link元素上拋出渲染錯誤？

invariant.js:44 Uncaught Error: link is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. Check the render method of TransitionGroup.

我的代碼是：

return (

     <CSSTransitionGroup component='Link' transitionName='navBarLink' transitionEnterTimeout={300} transitionLeaveTimeout={500}> 
      <Link style={linkStyle} to={this.props.pageTo} onClick={this.setActiveState}> 
       {this.props.title} 
      </Link> 
     </CSSTransitionGroup> 

    )

來源

2017-06-10 Phil Andrews

你導入鏈接？如果是這樣，爲什麼鏈接引號

component='Link'

它不應該是

component=Link

來源

2017-06-10 23:58:25 MarkM

兩個那些和'成分= {}鏈接'或'成分= {「鏈接」}'拋出了同樣的錯誤。如果我將'component'一起刪除，它會呈現。這對我來說沒有意義，因爲在其他情況下，該動畫需要該屬性才能運行。 –

爲什麼CSSTransitionGroup在React Router Link元素上拋出渲染錯誤？

回答

相關問題