Перекомпоновка и запрос Apollo

Можно ли использовать Recompose для компонента Query react-apollo?

https://www.apollographql.com/docs/react/essentials/queries.html#basic

Я думал примерно так:

const props = {component:"Query", query: gql(ListResults), children: ViewResults};
export default withProps(props)(componentFromProp('component'))

Я не уверен, что в вашем вопросе достаточно подробностей, чтобы получить необходимую помощь. Не похоже, что componentFromProps - это то, что вы ищете. Изначально он был предназначен для визуального рендеринга компонентов с похожим стилем. twitter.com/acdlite/status/662127795112308736?lang=en Компонент Query от Apollo должен иметь query = prop. Никакой другой компонент не нуждается в этой опоре, поэтому определение общей версии не имеет смысла. При этом я уверен, что не совсем понимаю, что вы пытаетесь сделать. :-D

GollyJer 05.07.2018 17:11

Я хочу определить компоненты и свойства в таблице DynamoDB, перед которой находится GraphQL. Если я хочу изменить ссылку привязки на кнопку, я могу сделать это без обновления кодовой базы. Таким образом, приложение будет сначала запрашивать при загрузке, получать компоненты, реквизиты и сборку для пользователя, используя данные на стороне клиента. Если вы хотите помочь, я могу заплатить и отдать Github и AWS.

stampede76 16.07.2018 17:56
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
4
2
323
1

Ответы 1

Вы можете составить запрос вместо использования компонента Query.

Используя пример из размещенной вами ссылки.

import { compose } from 'recompose';
import gql from 'graphql-tag';
import { graphql } from 'react-apollo';

const Dogs = ({ data, onDogSelected }) => (
  <select name = "dog" onChange = {onDogSelected}>
    {data.dogs.map(dog => (
      <option key = {dog.id} value = {dog.breed}>
        {dog.breed}
      </option>
    ))}
  </select>
);

const GET_DOGS = gql`
  {
    dogs {
      id
      breed
    }
  }
`;

const getDogsQuery = graphql(GET_DOGS, {
  options: props => ({
    fetchPolicy: props.fetchPolicy // example of passing to the query from props.
  })
});

export default compose(getDogsQuery)(Dogs);  // { data } is now a prop with the query results.

Спасибо! Мне нужно рассмотреть это подробнее. Чтобы уточнить, моя цель - иметь что-то вроде этого в DynamoDB: {component: "Query", query: gql (ListResults), children: ViewResults}

stampede76 21.06.2018 22:56

Другие вопросы по теме