react history.push
时间: 2023-08-15 12:09:09 浏览: 151
react使用hashHistory实现类似get方法带参数跳转
React中的history.push是用于在路由中进行页面跳转的方法。它可以将指定的URL添加到浏览器的历史记录中,并导航到该URL对应的页面。
在使用history.push方法之前,你需要先安装和配置React Router库。React Router是一个用于处理前端路由的常用库。
下面是一个使用history.push方法的示例代码:
```jsx
import { useHistory } from 'react-router-dom';
function MyComponent() {
const history = useHistory();
function handleClick() {
history.push('/new-page'); // 在点击时跳转到 '/new-page'
}
return (
<button onClick={handleClick}>Go to New Page</button>
);
}
```
在上述示例中,我们首先导入了useHistory钩子函数,它可以让我们在函数组件中访问路由的history对象。然后,我们创建了一个名为history的变量并调用useHistory函数来获取它。
在handleClick函数中,我们调用history.push方法并传入我们要跳转的URL(这里是'/new-page')。当按钮被点击时,页面将会导航到新的URL。
这就是使用React中的history.push方法进行页面跳转的基本用法。希望能对你有所帮助!如果有更多问题,请随时提问。
阅读全文