El código:

import React from "react";
import "./App.css";
import "./Square.css";
import { thestack } from "./thestack";
import { Link, Router, NavLink } from "react-router-dom";
//import { Link } from 'react-router';

function Square(props) {
  return (
    <div className="Square">
      <p>
        <NavLink to={"https://twitter.com/explore"}>
          {props.username} <br />
        </NavLink>
        {props.sitcoms_one} <br />
        {props.sitcoms_two} <br />
        {props.sitcoms_three} <br />
        {props.sitcoms_four} <br />
        {props.sitcoms_five}
      </p>
    </div>
  );
}

export default Square;

Muestra esto en la URL de mi proyecto-> http: // localhost: 3000 / https: //twitter.com/explore Pero al hacer clic en ese elemento, no puedo ir al enlace web deseado que proporcioné.

0
randomrajan 23 ene. 2021 a las 09:09

1 respuesta

La mejor respuesta

No puede usar NavLink / Link a una URL externa, solo se usa para la ruta de la aplicación.

Debes usar una etiqueta a normal:

<a href="https://twitter.com/explore">{props.username}</a>
1
Thanh 23 ene. 2021 a las 06:23