Зачем мне использовать this.props.user.user.displayName, а не this.props.user.displayName? реагировать

Question

У меня небольшая проблема при попытке сохранить мои пользовательские данные Firebase в хранилище Redux, я уже пробовал множество способов сохранить данные в моем хранилище, например:

const initialState = {
  logged: null,
  user: {}
};

Внутри моего пользовательского объекта мне нужны все данные из моей базы данных. Я отправляю данные вот так:

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    store.dispatch({
      type: "USER_LOGIN",
      payload: { user: { ...user.providerData[0] } }
    });
  } else {
    store.dispatch({ type: "USER_LOGOUT" });
  }
});

Почему, когда я пытаюсь получить доступ к данным, я должен использовать this.props.user.user.displayName? С парой пользователей, обратите внимание, что если я использую только одного пользователя, я получаю неопределенное (Obviusly).

Answer 1

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    store.dispatch({
      type: "USER_LOGIN",
      payload: user.providerData[0]
    });
  } else {
    store.dispatch({ type: "USER_LOGOUT" });
  }
});

Это работает? Только что модифицированный payload.