Клиент Apollo и формы обновления

Question

Мне было интересно, есть ли у кого-нибудь хороший пример формы обновления с использованием клиента Apollo и новых компонентов запросов и мутаций.Под обновлением я подразумеваю:

• Заполнение значений формы результатами запроса
• Обновление состояния компонента (или состояния apollo-link?) При редактировании ввода.
• При представлении обновите состояние (или apollo-link-state?)

Я борюсь с этим прямо сейчас, и мне интересно, каким будет лучший способ его построить.Должен ли я использовать Apollo-link-state для хранения состояния формы?Если нет, я не могу найти способ отобразить реквизиты из компонента запроса в объект состояния компонента без использования HOC запроса.Любые примеры будут великолепны!

Спасибо!

Answer 1

Если к состоянию не нужно обращаться к другим частям вашего приложения, apollo-link-state, вероятно, излишне - обычное состояние компонента будет хорошо.Просто создайте компонент, как при использовании HOC:

class MyComponent extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      fieldA = props.myQuery.fieldA
      fieldB = props.myQuery.fieldB
    }

    render () {
      // your form fields here
    }
  }
}

Затем вы можете просто сделать:

<Query>
  {({data, loading})=>(
    if (loading || error) return null
    <MyComponent myQuery={data.myQuery}>
  )}
</Query>