Question

我在fireStore中有一个名为“ projects”的集合，其中包含2个文档。
我正在做一个React项目，我想从这个集合中检索数据。我已经创建了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);

现在在浏览器的控制台窗口中，我有以下内容（仅显示相关详细信息）Browser Console

现在我想看到突出显示的对象。所以我写了以下内容：

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

发布此信息，可以在浏览器控制台中看到以下内容： Browser Console

现在，到此为止，我不能再继续了：我试图在控制台中记录以下内容，但没有任何效果：

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

那我错了吗？

如何访问fireBase数据库中的文档

0 个答案: