ЯсноПонятно24

rfr ljgbcfnm rjvgjytyn import { FC } from 'react'; import { AppHeaderUI } from '@ui'; import userSlice from 'src/services/slices/userSlice'; export const AppHeader: FC = () => <AppHeaderUI userName='' />; с использованием данных селектора getuserSelector: (state) => state.user, slice export const getUser = createAsyncThunk( 'user/getUserAuth', getUserApi ) export const updateUser = createAsyncThunk( 'user/updateUser', updateUserApi ) export const loginUser = createAsyncThunk( 'user/loginUser', loginUserApi ) export const logoutUser = createAsyncThunk( 'user/logoutUser', logoutApi ) export const registerUser = createAsyncThunk( 'user/registerUser', registerUserApi ) type TUserState = { user: TUser; isUser: boolean; isAuthenticated: boolean; loading: boolean; error?: string | null; }; const initialState: TUserState = { user: { email: '', name: '' }, isUser: false, isAuthenticated: false, loading: false, error: null }; export const userSlice = createSlice({ name: 'user', initialState, reducers: {}, extraReducers(builder) { builder .addCase(getUser.pending, (state) => { state.isUser = false; state.loading = true; state.error = null; }) .addCase(getUser.fulfilled, (state, action) => { state.isUser = true; state.user = action.payload.user; state.isAuthenticated = true; state.loading = false; state.error = null; }) .addCase(getUser.rejected, (state) => { state.isUser = true; state.isAuthenticated = false; state.loading = false; state.error = "Ошибка при получении данных пользователя"; }); }, selectors: { getIsUserSelector: (state) => state.isUser, getIsAuthenticatedSelector: (state) => state.isAuthenticated, getuserSelector: (state) => state.user, } }); export const userSliceReducer = userSlice.reducer; export default userSlice;