réagir-routeur de rediriger vers une autre url de domaine

Pourquoi ne pas utiliser location propriété de window objet? Il fournit même une belle méthode fonctionnelle pour aller à l'emplacement externe. Voir la ref.

Donc, si vous avez un composant, dire

class Button extends Component {
  render() {
    return (
      <button onClick={this.handleClick.bind(this)} />
    );
  }
}

puis ajouter handleClick qui ferait de la composante ressembler

class Button extends Component {
  handleClick() {
    //do something meaningful, Promises, if/else, whatever, and then
    window.location.assign('http://github.com');
  }

  render() {
    return (
      <button onClick={this.handleClick.bind(this)} />
    );
  }
}

Pas besoin d'importer window depuis il est mondial. Devrait fonctionner parfaitement dans n'importe quel navigateur moderne.

Aussi, si vous avez un composant qui est déclarée dans une fonction, vous pouvez éventuellement utiliser l'effet crochet pour modifier l'emplacement lors de modifications de l'état, comme

const Button = () => {
  const [clicked, setClicked] = useState(false);

  useEffect(() => {
    if (clicked) {
      //do something meaningful, Promises, if/else, whatever, and then
      window.location.assign('http://github.com');
    }
  });

  return (
    <button onClick={() => setClicked(true)}></button>
  );
};

OriginalL'auteur Fleischpflanzerl

Comme indiqué par @Mike "Pomax' Kamermans, vous pouvez simplement utiliser pour naviguer de lien externe.

J'ai l'habitude de le faire de cette façon, avec est-interne-lien

import React from 'react'

import { Link as ReactRouterLink} from 'react-router-dom'
import { isInternalLink } from 'is-internal-link'

const Link = ({ children, to, activeClassName, ...other }) => {
  if (isInternalLink(to)) {
    return (
      <ReactRouterLink to={to} activeClassName={activeClassName} {...other}>
        {children}
      </ReactRouterLink>
    )
  }
  return (
    <a href={to} target="_blank" {...other}>
      {children}
    </a>
  )
}

export default Link

Avertissement: je suis l'auteur de ce est-interne-lien

OriginalL'auteur muhajirframe