reactjs - 在没有反应路由器的情况下以编程方式重定向到 URL

Question

我在没有第 3 方路由器帮助的情况下运行 SPA。我想在函数内重定向到外部 URL。

显然 href 和安装路由器不能解决我的问题。

Answer 1

如果你想重定向到外部 URL 而不是内部的东西，那就更容易了。你掌握了 window.location对象，你可以让它成为可能。我能理解为什么 <a href>以编程方式执行此操作不是正确的选择。

下面的工作非常好。我用了 setTimeout模拟编程重定向。

class App extends React.Component {
  componentDidMount() {
    setTimeout(() => {
      window.location.href = 'https://praveen.science/';
    }, 1000);
  }
  render() {
    return (
      <div className="App">
        <h1>Hello CodeSandbox</h1>
        <h2>Start editing to see some magic happen!</h2>
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>