Почему мое приложение React добавляет внешний URL-адрес к http://localhost:/‹port›, а не ТОЛЬКО к самому URL-адресу?

В моем приложении ReactJS (create-react-app) у меня есть тег привязки со старым добрым атрибутом href, указывающим на внешний URL-адрес, www.google.com, и когда я нажимаю на этот элемент DOM, приложение добавляет целевой URL-адрес к http://localhost:3000, а URI становится http://localhost:3000/www.google.com

Что мне не хватает?

Я попытался установить rel={'external'} и попытался обработать его через onClick={()=>{window.location.assign("www.google.com")}

import React from "react";
import {NavLink, Redirect} from "react-router-dom";
import TextLink from "../textLink/TextLink";
import "./footer.css";


/**
 *
 * @param {{theme: string}} props
 */
const Footer = props => {
  const { theme } = props;
  return (
        <div className={`footer footer-${theme}`}>
          <div className="wrapper">

            <div id="social-media-icons">
              <NavLink to={"/contact-us"}>
              <i className="fab fa-facebook" />
              </NavLink>


              <a rel={'external'} className="fab fa-instagram" href={"www.google.com"} />


            </div>
          </div>
        </div>

  );
};

export default Footer;

Я хочу, чтобы браузер перенаправлял меня только на www.google.com и в основном должен выйти из приложения. Еще лучше открыть новое окно или вкладку в браузере с нужным URL.


reactjs react-router-dom
person arsia ardalan    schedule 07.05.2019    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Попробуй это

<a rel={'external'} className="fab fa-instagram" 
    target="_blank" href={"https://www.google.com"} />

это откроет новую вкладку

target="_blank"

и это откроет google.com

href={"https://www.google.com"}

Если вы не добавите https:// в начале href, браузер будет считать это локальной ссылкой.

person JozeV    schedule 07.05.2019
comment
Рад помочь :) - person JozeV; 07.05.2019
comment
Спасибо, это то, что я искал ---- Если вы не добавите https:// в начале href, браузер будет считать это локальной ссылкой. - person Raghav Bhardwaj; 29.08.2020