如何使用REDUX/RTK查询删除项目后刷新页面？

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import { api } from 'your-api-client';

export const deleteProject = createAsyncThunk(
  'projects/deleteProject',
  async (projectId, thunkAPI) => {
    const response = await api.delete(`/projects/${projectId}`);
    // 这里可以根据服务器返回的响应进行处理，比如成功删除后的操作
    return response.data;
  }
);

const projectsSlice = createSlice({
  name: 'projects',
  initialState: [],
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(deleteProject.fulfilled, (state, action) => {
        // 成功删除项目后的逻辑，可以在这里刷新页面
        window.location.reload();
      });
  },
});

export default projectsSlice.reducer;

import { useDispatch } from 'react-redux';
import { deleteProject } from 'your-projects-slice';

const Project = ({ project }) => {
  const dispatch = useDispatch();

  const handleDelete = () => {
    dispatch(deleteProject(project.id));
  };

  return (
    <div>
      <h3>{project.name}</h3>
      <button onClick={handleDelete}>删除项目</button>
    </div>
  );
};