Как создать динамическую гиперссылку (href) с помощью React?

Question

Совершенно новичок в React, так что, пожалуйста, прости мое невежество.

Использование ReactStrap для этого примера.Я пытаюсь определить {url} динамически, туда, где это определено в src / components в его собственном файле jsx:

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