How to access the documents in fireBase database

manpreet Best Answer 2 years ago

I have a collection in fireStore which is named "projects" which has 2 documents.
I am working on a react project , where i want to retrieve the data from this collection. I have created the config.files and everything works fine. Now i am using redux , and in a file called ProjectDetails.js , i have the following code , where i am using mapStateToProps function to get the state of the reducers in an a key called store. I have further done the console.log("The props are :",props); to see the props : Here is the complete code

##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);

Now in the console window in the browser, i have the following (showing only the relevant details)Browser Console

Now i want to see the object which is highlighted. So i write the following :

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

Post this , I can see the following in the browser console : Browser Console

Now beyond this point , i can not go furhter : I have tried to log the following (s) in console but nothing works :

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

So where i am wrong ?