0

Estou tentando redirecionar para uma url externa ,utilizando a função vaiparala passando um parametro que eu pego a partir do click, o caminho chega na funçao corretamente mas o redirecionamento não é feito , o que eu posso estar fazendo de errado ?

React.useEffect(() => {
    const vaiparala = (caminho) => {
      console.log(caminho);
      caminho === 'Linkedin' ? (
        <Link to={"https://www.linkedin.com/feed/"} />
      ) : (
        history.push(`/${caminho}`)
      );
    };
    const handleClick = (e) => {
      const items = document.getElementsByClassName('context-menu-item');

      if (items && items.length > 0) {
        let count = 0;
        for (let i = 0; i < items.length; i++) {
          if (items[i].contains(e.target)) {
            vaiparala(rotasClick[i]);
            count++;
          }
        }
        if (count === 0) {
          setActive(false);
        }
      } else {
        setActive(false);
      }
    };
    document.addEventListener('click', handleClick);
    return () => {
      document.removeEventListener('click', handleClick);
    };
  }, []);

1 Resposta 1

1

Você não pode redirecionar para uma URL externa usando react-router - Link, Redirect ou history.push.

Mas você pode fazer isso: window.location.href = 'https://www.linkedin.com/feed/' ou window.location.replace('https://www.linkedin.com/feed/').

React.useEffect(() => {
    const vaiparala = (caminho) => {
      console.log(caminho);
      caminho === 'Linkedin' ? (
        window.location.href = 'https://www.linkedin.com/feed/'
        // ou
        window.location.replace('https://www.linkedin.com/feed/')
      ) : (
        history.push(`/${caminho}`)
      );
    };
    // ...
1
  • 1
    Funcionou perfeitamente , muito obrigado ! Commented 8/03/2021 às 13:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .