如何在 React 中重定向

IT技术 reactjs
2021-05-06 10:50:15

我有一个 React 应用程序,它充当仪表板并显示不同 React 应用程序的链接。用户可以通过单击按钮来选择应用程序。
简而言之,我需要根据用户选择重定向到不同的 URL。

在下面的示例代码中,尝试使用 withRouter 重定向到 URL。然而,它给出了以下错误:TypeError:无法读取未定义的属性“推送”

我正在使用 React 15.6.1。

索引.js

render(
    <BrowserRouter>
        <Home />
    </BrowserRouter>, document.getElementById('app')
);

主页.js

class Home extends React.Component {

    constructor(props) {
        super(props);
        this.loadApp1 = this.loadApp1.bind(this);
    }

    loadApp1() {
        this.props.route.push('/app1');
    }
    render() {
        return (
            <div>
                 <button onClick={this.loadApp1}>App1</button>
            </div>
        );
    }
}

export default withRouter(Home);
2个回答

您可以使用 Link 来执行此操作:

import { Link } from react-router-dom;

然后,

<button><Link to="/app1">App1</Link></button>

将路由到 App1 路由。

对于外部站点,您可以这样做:

   loadApp1() {
        window.location = "example.com";
    }

loadApp1应该是

 loadApp1() {
    this.props.history.push('/app1');
}