Почему возвращает undefined а state?

Question

[sinevik]

Получение состояния из store

import { connect } from "react-redux";
import { userLog } from "../store/actions/index";


const mapStateToProps = state => {
  return {
    user: state.user
  };
};

const mapDispatchToProps = dispatch => {
  return {
    onUserLog: (user) => dispatch(userLog(user))
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(Auth);

Вызываю в этом файлe console.log(this.props.user); Получаю undefined

Вот мой store

import {
  USER_LOG,
} from "../actions/actionTypes";

const initialState  = {
  user: 'hello'
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case USER_LOG:
      return {
        ...state,
          user: state.user.concat({
          surname: action.surname,
          name: action.name,
          patronymic: action.patronymic,
          phone: action.phone,
          isLoggingIn: action.isLoggingIn
        })
      };
    default:
      return state;
  }
};

export default reducer;

Конфиг

import { createStore, combineReducers, compose, applyMiddleware } from "redux";
import thunk from "redux-thunk";

import usersReducer from "./reducers/users";

const rootReducer = combineReducers({
  users: usersReducer
});

let composeEnhancers = compose;

if (__DEV__) {
  composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
}

const configureStore = () => {
  return createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)));
};

export default configureStore;

Answer 1

[Антон Спирин]

const mapStateToProps = state => ({
  user: state.users.user,
});

Тут у вас какая-то ерунда:

return {
   ...state,
  user: state.user.concat({
    surname: action.surname,
    name: action.name,
    patronymic: action.patronymic,
    phone: action.phone,
    isLoggingIn: action.isLoggingIn
  })
};

Вы что вообще тут сделать хотите?

Comments

[sinevik]

Сохранить юзера в стэйт

[Антон Спирин]

sinevik, и каким образом вам тут поможет concat?
Вы на вход объект передаете, а метод объект к строке приведет:
'[object Object]'
c полной потерей данных.

[sinevik]

Там просто я от руки дописал строку. Это для проверки работоспособности REDUX.
Там изначально вот что было
user: []

[Антон Спирин]

sinevik, ну если с этим будут вопросы, спрашивайте.

[sinevik]

Ну мне надо что бы оно при вызове этого метода создавала абсолютно новый массив с пользователем. И перезаписывало
Я react-native изучаю
Параллельно пытаюсь использовать вот эту штуку
https://github.com/rt2zz/redux-persist/blob/master...

[sinevik]

Как лучше прописать что бы оно не добавляло в массив, а вообще все перезаписывало?

[sinevik]

Весь массив

[Антон Спирин]

sinevik, вам стоит немного основы JS подтянуть, так как у вас в initialState нет массива, у вас там объект cо свойством user которому присвоено строчное значение:

const initialState  = {
  user: 'hello'
};

[sinevik]

) Я вверху написал. Я просто 'Hello' написал, что бы проверить получаю ли я state

[Антон Спирин]

sinevik, данные в каком виде то хранить хотите и в каком виде получать собираетесь?
Потому что это тоже не массив:

{
          surname: action.surname,
          name: action.name,
          patronymic: action.patronymic,
          phone: action.phone,
          isLoggingIn: action.isLoggingIn
}

[sinevik]

Я об этом думаю. Как лучше сделать

[Антон Спирин]

sinevik, во-первых кладите данные не напрямую в action, а в action.payload.
Тогда ваш редьюсер будет таким:

const initialState  = {
  user: {},
};

const reducer = (state = initialState, action) => {
  const { type, payload } = action;

  switch (type) {
    case USER_LOG:
      return payload;
    default:
      return state;
  }
};