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

Question

В моем приложении ReactJS (create-реагировать-приложение) у меня есть тег привязки со старым добрым атрибутом 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-адресом.

Answer 1

Попробуйте это

<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 будет считать его локальной ссылкой.