169 похожих чатов

Const userInfoSlice = createSlice({ name: 'userInfo',

initialState,
reducers: {
setUserInfo({userInfo}, action){
userInfo.idUser = action.payload.idUser
userInfo.userCompany = action.payload.userCompany
userInfo.userJob = action.payload.userJob
}
},
extraReducers: (builder) => {
builder
.addCase(addJob.pending, (state)=>{
state.status = 'loading';
state.error = null
})
.addCase(addJob.fulfilled, (state)=>{
state.status = 'resolved';

})
.addCase(addJob.rejected, ()=>{

})
.addCase(updateInfo.pending, (state)=>{

})
.addCase(updateInfo.fulfilled, (state)=>{



})



}
})
export const updateInfo = createAsyncThunk(
'user/updateInfo',
async function (_, { dispatch }){
const auth = getAuth();
if (auth.currentUser === null) return;
console.log('a')
await onSnapshot(doc(db, "users", auth.currentUser.uid), (doc) => {
console.log("Current data: ", doc.data());
const data = { ...doc.data() };
dispatch(
actions.setUserInfo({
idUser: data.idUser ?? null,
userCompany: data.userCompany ?? null,
userJob: data.userJob ?? null,
})
);
}

);
console.log('asd')
})
import { BrowserRouter } from "react-router-dom";

import { getAuth, onAuthStateChanged } from "firebase/auth";
import { useDispatch, useSelector } from "react-redux";
import { actions } from "./store/slices/user.slice";
import { AppRouter } from "./AppRoutes";
import { RootState, useThunkDispatch } from "./store/store";
import { useEffect } from "react";
import { updateInfo } from "./store/slices/userInfo.slice";

function App() {
const auth = getAuth();
const dispatch = useThunkDispatch();
const { user } = useSelector((state: RootState) => state);
useEffect(() => {
dispatch(updateInfo());
}, []);

onAuthStateChanged(auth, (user) => {
// это не говнокод (r5eact_devtools_backend_compact.js:2367 A non-serializable value was detected in an action, in the path: payload. Value:)
if (user) {
dispatch(actions.isAuth(true));
} else {
dispatch(actions.isAuth(false));
}
});

return (
<BrowserRouter>
<AppRouter />
</BrowserRouter>
);
}

export default App;
Почему при обновлении страницы в redux не поступают значения(при ререндере данные появляются)

2 ответов

59 просмотров

Коллега, можете код перезалить в gist.github.com?

Потому что авторизация может быть в 3 состояниях, а не 2. Сначала неопределенное состояние, а потому уже либо авторизован, либо нет. onAuthStateChanged должен быть в useEffect с возвратом значения.

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Подскажите пожалуйста, как в CustomDrawCell(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo: TcxGridTableDataCellViewInfo; var ADone: Boolean); получить наз...
A Z
7
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
1
Он в одиночку это дело запилил или была какая-то команда?
Aquinary
12
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Всем привет, нужна как никогда, нужна помощь с IO в загрузчике. Пишу в code16 после установки сегментных регистров, пишу вывод символа. Пробовал 2 варианта: # 1 mov $0x0E, %a...
Shadow Akira
14
Карта сайта