{Link} не ведет к правильному URL-адресу в reactjs
Я изучаю Reactjs, и возникает проблема, когда я пытаюсь использовать {Link} для перехода на внешние веб-сайты.
<Link to = {repo.html_url}>
{repo.name}
</Link>
Допустим, repo.html_url — это
https://github.com/ningmeng7998/SmartER-Project-Android-Frontend.
Вместо того, чтобы перейти к этому URL-адресу, он ведет меня к http://localhost:3000/profile/https://github.com/ningmeng7998/SmartER-Project-Android-Frontend, который добавляет перед ним локальный хост.
Как решить эту проблему?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Для внешних ссылок просто используйте тег a! поскольку <Link> используется только для внутренних маршрутов. Как вы можете видеть в документах, React Router сам использовал теги a для внешней ссылки вместо Link.
<a href = {repo.html_url}>
{repo.name}
</a>
Я предполагаю, что вы используете компонент Ссылка React Router, поскольку он не является частью ванильного React.
В настоящее время React Router Link не поддерживает внешние URL-адреса, они предназначены только для внутренней навигации в вашем приложении. Вы захотите использовать стандартный тег привязки HTML. Попробуй это:
<a href = {repo.html_url}>{repo.name}</a>
Продолжается обсуждение вопроса о поддержке Link внешних URL-адресов происходит здесь, если вы хотите узнать больше или оставаться в курсе событий.
Другое решение — реализовать собственную оболочку вокруг Link, которая обрабатывает логику (и, в конце концов, создает компонент <Link> для внутренних маршрутов или тег <a> для внешних URL-адресов).
Поэтому. Понятно. Большое спасибо!
@Ning подумайте о том, чтобы принять ответ, если что-то решило вашу проблему
Основной способ разрешить пользователям перемещаться по вокруг вашего приложения