Как получить доступ к документам в базе данных FireBase

Question

У меня есть коллекция в fireStore, которая называется "projects" и содержит 2 документа.
Я работаю над реагирующим проектом, в котором я хочу получить данные из этой коллекции.Я создал config.files и все работает отлично.Теперь я использую Redux, и в файле ProjectDetails.js у меня есть следующий код, где я использую функцию mapStateToProps, чтобы получить состояние редукторов в ключе с именем store.Далее я сделал console.log("The props are :",props);, чтобы увидеть реквизиты: Вот полный код

##ProjectDetail.js

import React from "react";
import { connect } from "react-redux";
import { compose } from "redux";
import { firestoreConnect } from "react-redux-firebase";
const ProjectDetails = props => {
  console.log(
    "The props are :",
    props);

  return (
    <div className="container section project-details">
      <div className="card z-depth-0">
        <div className="card-content">
          <span className="card-title">Project title </span>
        </div>
      </div>
    </div>
  );
};

const mapStateToProps = state => {
  return {
    store: state
  };
};

export default compose(
  connect(mapStateToProps),
  firestoreConnect([{ collection: "projects" }])
)(ProjectDetails);

Теперь в окне консоли в браузере у меня есть следующее (показывая только соответствующие детали) Консоль браузера

Теперь я хочу увидеть объект, который выделен.Итак, я пишу следующее:

 console.log ("props.store.firestoreReducer.ordered.projects: ",
    props.store.firestoreReducer.ordered.projects
  ); 

Опубликовать это, я вижу следующее в консоли браузера: Консоль браузера

Теперь за этим пунктом я не могупойти дальше: я пытался записать следующие данные в консоли, но ничего не работает:

props.store.firestoreReducer.ordered.projects[0]
 props.store.firestoreReducer.ordered.projects["0"]
props.store.firestoreReducer.ordered.projects.0

Так, где я не прав?