Реакция - Использование контролируемых входов внутри компонента Apollo Query - PullRequest
Новая
       11

Реакция - Использование контролируемых входов внутри компонента Apollo Query

0 голосов
/ 11 декабря 2018

У меня есть форма внутри компонента запроса Apollo.Все его входы управляются и выглядят так: 

handleChangeValue = (value) => {
 this.setState(value);
}

<Input
 type="text"
 placeholder="Example"
 value={this.state.example}
 onChangeValue={this.handleChangeValue}
/>

Проблема в том, что значение входов зависит от состояния.Поэтому, если я хочу заполнить входные данные данными из базы данных, мне нужно будет сделать что-то вроде этого: 

<Query query={ACCOUNT_DETAILS} >
 {({ loading, error, data }) => {
  <Input
   type="text"
   placeholder="Example"
   value={data.example}
  />
 })
</Query>

Но тогда, как мне обновить значение моих входных данных?

Я думал о том, чтобы сделать что-то вроде этого: 

value={this.state.example || data.example}

Мои входные данные будут использовать данные из состояния, если оно существует, в противном случае он будет использовать данные, возвращенные моим запросом.Это не лучшее решение для меня, есть идеи?

Спасибо!

...