2017-06-10 1 views
0

Warum bin ich diesen Fehler während einer CSSTransitionGroup auf einem react-routerLink Komponente zu setzen versucht:Warum wirft CSSTransitionGroup Render-Fehler auf React Router Link-Element?

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. 

Mein Code ist:

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> 

    ) 

Antwort

0

Haben Sie Link zu importieren? Wenn ja, warum Link ist in Anführungszeichen

component='Link' 

Sollte es nicht

component=Link 
+0

sein diese beiden und 'Komponente = {link}' oder 'Komponente = { 'Link'}' den gleichen Fehler werfen . Wenn ich 'component' alle zusammen lösche rendert es. Das macht für mich keinen Sinn, da dieses Attribut in anderen Fällen für die Animation benötigt wird. –

Verwandte Themen