@aleshaykovlev
html, css, js, node, webpack, sass, react

В массив не добавляется объект?

Reducer loggedReducer:
export default function loggedReducer(state=[], action) {
    switch(action.type) {
        case 'SIGN_IN':
            return state.push(action.payload);
        case 'LOG_OUT':
            return state = [];
        default:
            return state;
    }
}


Получаю объект пользователя:
const dispatch = useDispatch();

React.useEffect(() => {
      async function fetch() {
          const {data} = await axios.get('/profile/api/user');

          dispatch(signIn(data));
          
          setUser(data);
      }

      fetch();
  }, [dispatch]);


action:
export const signIn = (user) => {
    return {
        type: 'SIGN_IN',
        payload: user
    }
}


reducer:
import loggedReducer from './isLogged.js';
import {combineReducers} from 'redux';

const allReducers = combineReducers({
    logged: loggedReducer
})

export default allReducers;


Потом в другом компоненте вывожу в консоль logged:
const logged = useSelector(state => state.logged);
const dispatch = useDispatch();

console.log('logged: ' + logged); // 1


Он равен 1, почему так?
  • Вопрос задан
  • 25 просмотров
Решения вопроса 1
@dimoff66
Кратко о себе: Я есть
Метод массива push возвращает новый размер массива. Редюсер же должен вернуть новый массив, посему правильный код

return [...state, action.payload]

вместо
return state.push(action.payload)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы