如何使用graphql將mongodb中多個集合中的數據傳遞到1個反應表

Question

我有一個反應表，我正在通過graphql查詢傳遞數據。 但是我的查詢與數據庫集合中的不同對象有關系。 當我傳遞數據時，我只能從一個集合中獲取數據。

這是我的查詢-

const getBikesQuery = gql`
{
AllBikeEntries{
  bikenumber
  distributedyear
  ProjectName{
    projectname
    }
   }
  }
`;

我的表格僅顯示來自bikenumber和distributedyear數據。

這是其余的代碼。

const columns = [
  {
    Header: "Number of Bikes",
    accessor: "bikenumber"
  },
  {
    Header: "Season",
    accessor: "distributedyear"
  },
  {
    Header: "Project",
    accessor: "projectname"
  }
];

class Entries extends Component {
  render() {

    let {data} = this.props;
    console.log(data)
    return(
        <div>
            <ReactTable
                data ={data.AllBikeEntries}                  

                columns ={columns}
                defaultPageSize={10}
                />
        </div>
    );
  }
}


export default graphql(getBikesQuery)(Entries);

無法讀取projectname的訪問器，而我還有其他更復雜的查詢無法渲染。 解決此問題的最佳方法是什么？

只需添加我需要的數據就記錄在控制台上

 AllBikeEntries: Array(2)
 0:
 ProjectName: {projectname: "INVC", __typename: "Projects", Symbol(id): 
 "$ROOT_QUERY.AllBikeEntries.0.ProjectName"}
 bikenumber: 20
 distributedyear: 2015
 __typename: "Bikes"
 Symbol(id): "ROOT_QUERY.AllBikeEntries.0"
__proto__: Object
 1:
 ProjectName: {projectname: "INVC", __typename: "Projects", Symbol(id): 
 "$ROOT_QUERY.AllBikeEntries.1.ProjectName"}
 bikenumber: 35
 distributedyear: 2016
 __typename: "Bikes"

Answer 1

Mongo和GraphQL只是結構化數據的來源。 正確提取（記錄）數據時，呈現樹狀結構數據存在問題。

只需閱讀react-table文檔，看看示例，例如這 ……您應該使用accessor來訪問數據的正確部分。