首页 文章

当使用Grommet Anchor作为来自react-router-dom的链接时，摆脱浏览器警告

提问于
浏览 次
0

Grommet Anchor'tag'属性类型需要'string'，因此使用来自react-router-dom的链接会创建一个控制台警告 . 除了警告，一切正常 .

警告：失败的道具类型：提供给Anchor的类型函数的无效道具标签，预期字符串 .

码：

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

文件说：

tag 用于元素的DOM标记 . 默认是 . 这应该与来自React Router的Link等组件一起使用 . 在这种情况下，Link控制导航，而Anchor控制样式 . 默认值为a .

“grommet-css”：“^ 1.6.0”

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

reactjs react-router react-router-dom grommet

1 回答

  • 1

    如果你想使用react路由器的 path 功能而不是渲染链接组件本身，那么就可以这样做 .

    import Anchor from 'grommet/components/Anchor';

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

    如果你必须绝对渲染 Link 组件，那么

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

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

    回复于

相关问题