react怎么刷新当前页面

在 React 中刷新当前页面可以通过以下几种方式实现：

使用 JavaScript 的 window.location.reload() 方法来刷新当前页面。例如：

function refreshPage() {  window.location.reload();}<button onClick={refreshPage}>刷新页面</button>

使用 React Router 的 useHistory 钩子来刷新当前页面。首先导入 useHistory 钩子，然后调用 history.go(0) 方法来刷新页面。例如：

import { useHistory } from 'react-router-dom';function MyComponent() {  const history = useHistory();  function refreshPage() {    history.go(0);  }  return (    <button onClick={refreshPage}>刷新页面</button>  );}

使用状态管理工具（如 Redux）来刷新当前页面。在 Redux 中，可以创建一个 action，然后在点击按钮时调用该 action 来刷新页面。例如：

// 在 actions.js 中export const refreshPage = () => ({  type: 'REFRESH_PAGE',});// 在 reducer.js 中const initialState = {  pageRefreshed: false,};const reducer = (state = initialState, action) => {  switch (action.type) {    case 'REFRESH_PAGE':      return {        ...state,        pageRefreshed: true,      };    default:      return state;  }};// 在组件中使用import { connect } from 'react-redux';import { refreshPage } from './actions';function MyComponent({ pageRefreshed, refreshPage }) {  function handleRefreshPage() {    refreshPage();  }  if (pageRefreshed) {    window.location.reload();  }  return (    <button onClick={handleRefreshPage}>刷新页面</button>  );}const mapStateToProps = (state) => ({  pageRefreshed: state.pageRefreshed,});const mapDispatchToProps = {  refreshPage,};export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);

以上是几种在 React 中刷新当前页面的方法，根据具体情况选择适合的方式来实现。