Передача нескольких переменных в компонент Apollo Query
const GET_DOG_PHOTO = gql`
query Dog($breed: String!) {
dog(breed: $breed) {
id
displayImage
}
}
`;
const DogPhoto = ({ breed }) => (
<Query query = {GET_DOG_PHOTO} variables = {{ breed }}>
{({ loading, error, data }) => {
if (loading) return null;
if (error) return `Error!: ${error}`;
return (
<img src = {data.dog.displayImage} style = {{ height: 100, width: 100 }} />
);
}}
</Query>
);
Я смотрю документацию и вижу, что они передали реквизит, называемый породой, в свойстве переменных компонента Query. Что, если запрос принимает 2 аргумента, как передать 2 параметра?
Ответы 1
Вы используете ES2015 Сокращенные имена свойств. Эти два синтаксиса эквивалентны.
<Query query = {GET_DOG_PHOTO} variables = {{ breed }}>
<Query query = {GET_DOG_PHOTO} variables = {{ breed: breed }}>
Затем, если у вас есть запрос с двумя параметрами, например:
const GET_DOG_PHOTO = gql`
query Dog($breed: String!, $size: Int!) {
dog(breed: $breed, size: $size) {
id
displayImage
}
}
`;
Компонент запроса будет выглядеть так
function DogPhoto({ breed, size }) =>
return (
<Query query = {GET_DOG_PHOTO} variables = {{ breed, size }}>
{({ loading, error, data }) => {
if (loading) return null;
if (error) return `Error!: ${error}`;
return (
<img src = {data.dog.displayImage} style = {{ height: 100, width: 100 }} />
);
}}
</Query>
)
};
Я пробую что-то вроде `` `const GET_DOG_PHOTO = gql` query Dog ($ order: String!) {Dog (order_by: {size: $ order}) {id displayImage}}`;
но он не работает ... Я хочу передать порядок по значению в качестве параметра
Похоже, что ты делаешь правильно. Что точно не работает?
Ошибка: ошибка GraphQL: undefined в новом ApolloError (bundle.esm.js: 60) в bundle.esm.js: 1488 в Array.forEach (<anonymous>) в QueryManager. <anonymous> (bundle.esm.js: 1486) на шаге (tslib.es6.js: 97) на Object.next (tslib.es6.js: 78) на tslib.es6.js: 71 на новом обещании (<anonymous>) на __awaiter (tslib.es6.js: 67 ) в Object.next (bundle.esm.js: 1464)
любые проблемы с передачей asc или desc в виде строки. как только я получил сообщение об ошибке, связанное с "enum". Я забыл, какие изменения я сделал
Я считаю, что это напрямую не связано и это должен быть отдельный вопрос. Создайте новый вопрос StackOverflow со всем кодом, необходимым для воспроизведения, и вставьте ссылку сюда
{{ breed }}- это просто синтаксис объявления объекта ... тогда просто{{ breed, sthElse }}