首页react 重定向

react 重定向

时间: 2023-06-28 20:09:18 浏览: 98

在 React 中进行重定向通常使用 `react-router-dom` 库中的 `Redirect` 组件。首先，你需要在应用程序中导入 `Redirect` 组件： ```javascript import { Redirect } from 'react-router-dom'; ``` 然后，你可以在你的组件中使用 `Redirect` 组件来实现重定向，例如： ```javascript import React, { Component } from 'react'; import { Redirect } from 'react-router-dom'; class MyComponent extends Component { state = { shouldRedirect: false, }; handleClick = () => { this.setState({ shouldRedirect: true }); }; render() { if (this.state.shouldRedirect) { return <Redirect to="/new-page" />; } return ( <div> <h1>My Component</h1> <button onClick={this.handleClick}>Redirect to New Page</button> </div> ); } } ``` 在上面的示例中，当用户点击按钮时，`shouldRedirect` 状态将被设置为 `true`，并且组件将重定向到 `/new-page` 页面。你也可以将 `Redirect` 组件放在条件语句中，以便根据需要进行动态重定向。

阅读全文