Реагировать - внешние ссылки не работают после развертывания

Question

У меня есть проблема, когда при разработке создайте ссылку для моего блога , в главном меню работает так же, как и предполагалось, но после того, как я его собрал и развернул все в Firebase ссылка не открывается, она просто перезагружает приложение, и отображается этот URL: https://mirza -sisic.firebaseapp.com / juniorlearnstocode.blogspot.ba

Вот как выглядит мой компонент Menu:

import React from 'react';
import Logo from '../../../src/Images/MirzaLogo.png';
import { Navbar, Nav, NavItem } from 'react-bootstrap';


const Menu = () => (
<Navbar inverse fixedTop collapseOnSelect>
  <Navbar.Header>
    <Navbar.Brand>
    <a href="#headerwrap"><img alt="MS logo" src={Logo}/></a>
    </Navbar.Brand>
    <Navbar.Toggle />
  </Navbar.Header>
  <Navbar.Collapse>
    <Nav pullRight>
      <NavItem eventKey={1} href="#aboutwrap">
          About
      </NavItem>
      <NavItem eventKey={1} href="#Resume">
          Resume
      </NavItem>
      <NavItem eventKey={2} href="#workwrap">
         Projects
      </NavItem>
      <NavItem eventKey={2} href="#Clients">
        Clients
      </NavItem>
      <NavItem eventKey={2} href="#Contact">
           Contact
      </NavItem>
      <NavItem target="_blank" rel="noopener noreferrer" eventKey={2} href="https:juniorlearnstocode.blogspot.ba">
           Blog
      </NavItem>
    </Nav>
  </Navbar.Collapse>
</Navbar>
);

export default Menu;

Заранее спасибо.

Answer 1

Я только что обновил URL (https://juniorlearnstocode.blogspot.ba), и он заработал.

Я загрузил его на свой пример рабочего сайта,

http://johnwebsite.s3 -website-us-east-1.amazonaws.com/

При нажатии на блог открывается новая вкладка, а не та же вкладка.

Надеюсь, это поможет:)

Answer 2

Я понял это!Я просто заменил компонент NavItem на компонент MenuItem, и теперь target = "_ blank" ведет себя как следует, открыв ссылку в новой вкладке браузера:

   <MenuItem href={externalLink} target="_blank" rel="noopener noreferrer" eventKey={2}>
       Blog
   </MenuItem>

Спасибо за полезную информациюкаждый! * * 1006

Answer 3

Вы можете использовать обработчик щелчков на элементе навигации и использовать этот код, чтобы открыть новое окно:

let clickHandler=()={
    window.open(blogURL)
}