如何在React和Redux中成功执行异步操作后执行方法？

// 安装redux-thunk：npm install redux-thunk

// 异步操作的action创建函数
const fetchData = () => {
  return (dispatch, getState) => {
    dispatch({ type: 'FETCH_DATA_REQUEST' });

    // 执行异步操作
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data });

        // 异步操作完成后执行其他方法
        dispatch(anotherAction());
      })
      .catch(error => {
        dispatch({ type: 'FETCH_DATA_FAILURE', payload: error });
      });
  };
};

// 使用异步操作的action创建函数
dispatch(fetchData());

// 安装redux-saga：npm install redux-saga

// 异步操作的saga
function* fetchDataSaga() {
  try {
    yield put({ type: 'FETCH_DATA_REQUEST' });

    // 执行异步操作
    const response = yield call(fetch, 'https://api.example.com/data');
    const data = yield response.json();

    yield put({ type: 'FETCH_DATA_SUCCESS', payload: data });

    // 异步操作完成后执行其他方法
    yield put(anotherAction());
  } catch (error) {
    yield put({ type: 'FETCH_DATA_FAILURE', payload: error });
  }
}

// 监听特定的action
function* watchFetchData() {
  yield takeEvery('FETCH_DATA', fetchDataSaga);
}

// 创建saga中间件
const sagaMiddleware = createSagaMiddleware();

// 将saga中间件应用到Redux store
const store = createStore(reducer, applyMiddleware(sagaMiddleware));

// 运行saga
sagaMiddleware.run(watchFetchData);

// 使用异步操作的action
dispatch({ type: 'FETCH_DATA' });