为什么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元素上抛出渲染错误？

回答

相关问题