React / Redux自定义中间件- useDispatch不更新状态

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

// 定义一个action
const updateStatus = () => {
  return (dispatch, getState) => {
    // 在这里执行异步操作
    // 可以通过getState获取当前的状态
    // 可以通过dispatch触发其他的action

    // 异步操作完成后，可以通过dispatch触发更新状态的action
    dispatch({ type: 'UPDATE_STATUS', payload: 'new status' });
  };
};

// 定义reducer
const reducer = (state = {}, action) => {
  switch (action.type) {
    case 'UPDATE_STATUS':
      return { ...state, status: action.payload };
    default:
      return state;
  }
};

// 创建store并应用redux-thunk中间件
const store = createStore(reducer, applyMiddleware(thunk));

// 在自定义中间件中使用updateStatus action
const customMiddleware = store => next => action => {
  if (action.type === 'CUSTOM_ACTION') {
    // 在这里可以执行一些额外的逻辑
    // 可以调用updateStatus action来更新状态
    store.dispatch(updateStatus());
  }
  return next(action);
};

// 应用自定义中间件
store.dispatch({ type: 'CUSTOM_ACTION' });