如何使用React创建动态超链接（href）？

Question

对React来说是全新的，请原谅我的无知。

在本例中使用ReactStrap。我正在尝试动态定义{url}，在其自己的jsx文件中的src / components下定义它：

const NavLink = ({ url },{ children }) => (
  <RSNavLink href={url}>
    {children}
  </RSNavLink>
);

但是当我在其他地方调用组件时，我可以插入我想要的任何超链接：

<NavLink href="/">Hello, World!</NavLink>

我无法找到特定于我正在寻找的文档（或者至少，我可能没有找到正确的东西）。如果有人能指出我正确的方向，那将非常感激。

Answer 1

在NavLink组件中，您错误地破坏了道具值并且提供了与道具完全相同的名称。像这样改变它

const NavLink = ({ url ,children }) => (
  <RSNavLink href={url}>
    {children}
  </RSNavLink>
);

 <NavLink url="#">
     Hello World
 </NavLink>

在stackblitz查看演示