如何根据用户在此redux代码中的角色将用户重定向到特定的url

import { Redirect } from 'react-router-dom';

// 定义用户角色
const ROLES = {
  ADMIN: 'admin',
  USER: 'user',
};

// 定义用户角色对应的URL
const ROLE_URLS = {
  [ROLES.ADMIN]: '/admin',
  [ROLES.USER]: '/user',
};

// 定义用户角色判断函数
const getUserRole = (state) => state.user.role;

// Redux action
const redirectUser = () => (dispatch, getState) => {
  const userRole = getUserRole(getState());

  // 根据用户角色获取重定向URL
  const redirectUrl = ROLE_URLS[userRole];

  // 返回重定向组件
  return <Redirect to={redirectUrl} />;
};

// Redux reducer
const userReducer = (state = { role: ROLES.USER }, action) => {
  switch (action.type) {
    // 处理用户角色变更的action
    case 'SET_USER_ROLE':
      return { ...state, role: action.payload };
    default:
      return state;
  }
};

// 使用Redux中间件处理重定向
const middleware = ({ dispatch, getState }) => (next) => (action) => {
  if (typeof action === 'function') {
    // 如果action是一个函数，则调用它
    return action(dispatch, getState);
  }

  // 否则，继续处理action
  return next(action);
};

// 创建Redux store
const { createStore, applyMiddleware } = Redux;
const store = createStore(userReducer, applyMiddleware(middleware));

// 设置用户角色
store.dispatch({ type: 'SET_USER_ROLE', payload: ROLES.ADMIN });

// 调用重定向action
store.dispatch(redirectUser());