我想這應該很容易，但我只是新手，不知道該怎么做。我已經嘗試尋找答案并且沒有運氣，我想我只是不太確定如何搜索它。
我有這個應用程式，我正在使用 React、GraphQL 和 MongoDB。我有一個模式彈出一個要填寫的表格，該表格將在資料庫中的門票集合中添加一個“票證”表格中的一個欄位有一個帶有下拉串列的標簽“客戶”以選擇客戶從。它從資料庫中的客戶集合中提取客戶資料。我正在像這樣提取客戶資料：
// Get Customers for customer selection
const {loading, error, data} = useQuery(GET_CUSTOMERS);
我遇到問題的地方是，我需要從另一個名為 Material 的集合中提取資訊，并有一個下拉串列來選擇工單的材料。我不知道該怎么做。我嘗試添加“GET_MATERIALS”查詢，但隨后嘗試將客戶和材料都設定為資料。我嘗試將“data2”添加到該代碼中，但這也不起作用。有人可以給我一些幫助，或者至少讓我知道我是否在正確的軌道上？也許指出我正確的方向？
這是我的客戶下拉選單的代碼：
<div className="mb-3">
<label className="form-label">Customer</label>
<select id="customerId" className="form-select"
value={customerId} onChange={(e) => setCustomerId(e.target.value)}>
<option value="">Select Customer</option>
{ data.customers.map((customer) => (
<option key={customer.id} value={customer.id}>
{customer.name}
</option>
) )}
</select>
</div>
非常感謝任何幫助。
謝謝，內特
uj5u.com熱心網友回復：
我能想到有兩種方法可以做到這一點。
const {loading, error, data} = useQuery(
gql`
query Query {
first {
_id
name
}
second {
_id
name
}
}
`
);
或者
const query = useQuery(
gql`
query Query {
first{
_id
name
}
}
`
);
const query2 = useQuery(
gql`
query Query {
second {
_id
name
}
}
`
);
console.log(query.data, query2.data)
那些 {} 只不過是解構器。你可以在這里了解更多資訊：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/520569.html