在Redux Toolkit中丢失部分状态

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

const initialState = {
  user: null,
  loading: false,
  error: null
};

const userSlice = createSlice({
  name: 'user',
  initialState,
  reducers: {
    setUser: (state, action) => ({ ...state, user: action.payload }),
    setLoading: (state, action) => ({ ...state, loading: action.payload }),
    setError: (state, action) => ({ ...state, error: action.payload })
  }
});

export const { setUser, setLoading, setError } = userSlice.actions;
export default userSlice.reducer;

const initialState = {
  user: null,
  loading: false,
  error: null
};

dispatch(setUser({ name: 'John Doe' }));

import { createAsyncThunk } from '@reduxjs/toolkit';
import axios from 'axios';

export const fetchUser = createAsyncThunk(
  'user/fetchUser',
  async (_, { rejectWithValue }) => {
    try {
      const response = await axios.get('/api/user');
      return response.data;
    } catch (error) {
      return rejectWithValue(error.response.data);
    }
  }
);

const userSlice = createSlice({
  name: 'user',
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchUser.pending, (state) => ({ ...state, loading: true }))
      .addCase(fetchUser.fulfilled, (state, action) => ({ ...state, user: action.payload, loading: false }))
      .addCase(fetchUser.rejected, (state, action) => ({ ...state, error: action.payload, loading: false }));
  }
});