我需要找到一种解决方案,能够将React Router的功能与Material UI组件结合起来。
例如,我有这样一个场景:一个路由和一个按钮。我试图将它们混合在一起并重新样式化。
因此,从一个简单的链接
<Link className={this.getClass(this.props.type)} to={`${url}`} title={name}>{name}</Link>
我尝试创建一个如下所示的 Material UI 按钮
<Link className={this.getClass(this.props.type)} to={`${url}`} title={name}>
<FlatButton label={name} />
</Link>
但我遇到了以下错误,导致Javascript出现问题。
invariant.js?4599:38Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's
render
method, or you have multiple copies of React loaded (details: https://gist.github.com/jimfb/4faa6cbfb1ef476bd105).
您知道如何解决这个问题吗?
谢谢您提前的帮助,如果您需要更多信息,请告诉我。