reactjs - Reactstrap 中的标签属性有什么作用？

Question

我有一个使用 reactstrap 的导航栏，并希望合并 react-router。
在尝试失败后，我在这里找到了解决方案。

但是我不明白语法:

我有一个 <NavLink>来自 React-Router
和一个来自 Reactstrap 的导航栏。

而不是将 Reactstrap 包装在 React-Router 中(这会引发警告):

 <NavLink to="/">
   <NavbarBrand className="mx-auto" to="/" tag={ NavLink }>
      My Site
   </NavbarBrand>
 </NavLink>

这是语法:

   <NavbarBrand className="mx-auto" to="/" tag={ NavLink }>
      My Site
   </NavbarBrand>

什么是标签 属性？它有什么作用？

谢谢大家!

Answer 1

渲染时 NavbarBrand组件您可以选择将单个链接呈现为默认值 a标签 (HTMLAnchorElement) 或者您可以提供自己的自定义组件来呈现导航项。

在这种情况下，通过 NavLink 很方便作为标签，以便使用 NavLink 呈现导航项目.这就是你所需要的。

望望恭敬source code for NavbarBrand 你在渲染方法中看到这个:

return (
  <Tag {...attributes} className={classes} />
);

所以如果你不通过tag支持 NavbarBrand然后上面Tag将是 a tag .