如何使用 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 组件中，您错误地破坏了 props 值并给出了与 props 完全相同的名称。像这样改变它

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

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

中的演示

How to create dynamic hyperlink (href) using React?