使用索环锚点作为来自路由器dom的链接时消除浏览器警告

Question

Grommet锚点“tag”属性类型应为“string”，因此使用来自react路由器dom的链接会创建控制台警告。除了警告，一切正常。

警告：失败的prop类型：无效的prop标记的类型函数提供给Anchor，预期的字符串。

代码：

import {Link} from 'react-router-dom';
...
<Anchor key={route.key} tag={Link} to={route.path} children={route.mainMenuLabel}/>

文件说：

tag{string}用于元素的DOM标记。默认值为。这应该与React路由器的链路等组件结合使用。在这种情况下，链接控制导航，而锚点控制样式。默认值为a。

“套圈css”：“^1.6.0”

我做错了什么，有可能摆脱警告吗？




Answer 1

如果您想使用react router的路径功能而不渲染链接组件本身，那么可以这样做。

import Anchor from 'grommet/components/Anchor';

<Anchor icon={<Edit />}
  label='Label'
  path='/'   //  Give the react-router path here.
/>

如果必须绝对渲染链接组件，则

<Link to='/'>
  <Anchor tag="span">Home</Anchor>
</Link>

Tag需要一个字符串，不能用于呈现链接。