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 ответов

62 просмотра

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

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

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

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

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
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
Карта сайта