如何重置RTK查询中突变的数据和状态，就像React查询中的reset函数一样？

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';

// 创建异步的thunk action
export const fetchData = createAsyncThunk(
  'slice名称/fetchData',
  async () => {
    // 异步获取数据的逻辑
    const response = await fetch('api地址');
    const data = await response.json();
    return data;
  }
);

// 创建slice
const slice = createSlice({
  name: 'slice名称',
  initialState: {
    data: null,
    status: 'idle',
    error: null,
  },
  reducers: {
    reset: (state) => {
      state.data = null;
      state.status = 'idle';
      state.error = null;
    },
  },
  extraReducers: (builder) => {
    builder
      .addCase(fetchData.pending, (state) => {
        state.status = 'loading';
      })
      .addCase(fetchData.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.data = action.payload;
      })
      .addCase(fetchData.rejected, (state, action) => {
        state.status = 'failed';
        state.error = action.error.message;
      });
  },
});

// 导出thunk action和reducer
export const { reset } = slice.actions;
export default slice.reducer;

import { useDispatch, useSelector } from 'react-redux';
import { fetchData, reset } from './slice';

const Component = () => {
  const dispatch = useDispatch();
  const data = useSelector((state) => state.slice名称.data);
  const status = useSelector((state) => state.slice名称.status);
  const error = useSelector((state) => state.slice名称.error);

  const handleFetchData = () => {
    dispatch(fetchData());
  };

  const handleReset = () => {
    dispatch(reset());
  };

  return (
    <div>
      {status === 'loading' && <div>Loading...</div>}
      {status === 'succeeded' && <div>{data}</div>}
      {status === 'failed' && <div>Error: {error}</div>}
      <button onClick={handleFetchData}>Fetch Data</button>
      <button onClick={handleReset}>Reset</button>
    </div>
  );
};