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 не поступают значения(при ререндере данные появляются)
Коллега, можете код перезалить в gist.github.com?
Потому что авторизация может быть в 3 состояниях, а не 2. Сначала неопределенное состояние, а потому уже либо авторизован, либо нет. onAuthStateChanged должен быть в useEffect с возвратом значения.
Обсуждают сегодня