2016-07-04 26 views
0

我需要找到一种解决方案,能够将反应路由器的功能与材料UI组件结合在一起。如何结合ReactJs Router Link和material-ui组件(如按钮)?

例如,我有这种情况:一个路由器和一个按钮。我试图做的是将它们混合在一起,并重新调整它们。

因此,从一个简单的链接

<Link className={this.getClass(this.props.type)} to={`${url}`} title={name}>{name}</Link> 

我试图创建一个材料UI按钮下面

<Link className={this.getClass(this.props.type)} to={`${url}`} title={name}> 
    <FlatButton label={name} /> 
</Link> 

,但我有以下的错误和Javascript打破

不变.js?4599:38未知不变违规:addComponentAsRefTo(...):只有ReactOwner可以拥有参考。您可能正在向组件的render方法中未创建的组件添加ref,或者您已加载多个React副本(详细信息:https://gist.github.com/jimfb/4faa6cbfb1ef476bd105)。

你知道如何管理这种情况吗? 谢谢你在前进,如果你需要更多的信息,让我知道

+0

我也碰到过这个问题,并与材料的UI,有时使用链接打破风格,你应该反应路由器的浏览器历史,并手动推动url – Pachu

回答