我需要找到一种解决方案,能够将反应路由器的功能与材料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)。
你知道如何管理这种情况吗? 谢谢你在前进,如果你需要更多的信息,让我知道
我也碰到过这个问题,并与材料的UI,有时使用链接打破风格,你应该反应路由器的浏览器历史,并手动推动url – Pachu