陣營阿波羅 - 進行多項查詢

Question

我有一個查詢文件看起來像這樣：

import {gql} from 'react-apollo'; 

const queries = { 
    getApps: gql` 
    { 
     apps { 
     id 
     name 
     } 
    } 
    `, 
    getSubjects: gql` 
    { 
     subjects { 
     id 
     name 
     } 
    } 
    ` 
}; 

export default queries; 

我那麼這個文件導入到我的陣營組成：

import React, {Component} from 'react' 
import queries from './queries' 

class Test extends Component { 
... 
} 

export default graphql(queries.getSubjects)(graphql(queries.getApps)(Test)); 

這隻會得到的數據對於一個的查詢（getApps），而不是兩者。如果我一次只做一個，看起來是這樣的：

export default graphql(queries.getSubjects)(Test); 

然後它工作，但我沒有我的其他查詢。是的，我已經分別進行了測試，他們的工作。如何獲得它，以便兩個查詢都顯示在我的props.data中？

Answer 1

我的首選方法是使用apollo客戶端的compose功能（docu）。

編輯： 如果你有多個查詢，你應該命名它們。

所以你的情況，它可能是這樣的：

import React, {Component} from 'react' 
 
import queries from './queries' 
 
import { compose } from 'react-apollo'; 
 

 
class Test extends Component { 
 
... 
 

 
    render() { 
 
    ... 
 
    
 
    console.log(this.props.subjectsQuery, this.props.appsQuery); // should show both 
 
    
 
    ... 
 
    } 
 
} 
 

 
export default compose(
 
    graphql(queries.getSubjects, { 
 
     name: "subjectsQuery" 
 
    }), 
 
    graphql(queries.getApps, { 
 
     name: "appsQuery" 
 
    }), 
 
)(Test);